styling

code/static/css/styles.css

@@ -39,12 +39,18 @@ a:link {
 .version_number {
   font-size: xx-small;
 }
-
+h1 {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
 td,th {
   min-width: 10em;
   padding-right: 2em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
+  word-wrap: break-word;
+  word-break: break-all;
+  white-space: normal;
 }
 th {
   cursor: pointer;
@@ -81,12 +87,14 @@ tr:nth-child(odd) {
   margin-bottom: 1em;
 }
 #list_menu, #list_script {
-  float:right;
   padding: 8px;
   border: 4px solid #148F77;
   background-color: #FAE5D3;
   line-height: 1.5em;
-  position: relative;
+  position: absolute;
+  width: 20em;
+  top: 8px;
+  right: 8px;
   -webkit-border-bottom-left-radius: 15px;
   -moz-border-radius-bottomleft: 15px;
   border-bottom-left-radius: 15px;
@@ -103,7 +111,7 @@ tr:nth-child(odd) {
   width: 200px;
 }
 #list_upload_button {
-  float: right;
+  float: left;
 }
 #list_url_upload_text {
   width: 95%;
@@ -115,7 +123,7 @@ tr:nth-child(odd) {
 }
 
 #list_info_toggle_container {
-  margin-top: 24px;
+  margin-top: 0px;
   position: relative;
   text-align: right;
 }
@@ -163,6 +171,8 @@ tr:nth-child(odd) {
   padding-top: 2em;
   padding-bottom: 2em;
   right: 8px;
+  top: inherit;
+  width: inherit;
 }
 
 #list_script_toggle {