diff --git a/browser/css/dark.css b/browser/css/dark.css
index 189057b1417908b440b9d4e028ad0f87fc7305a6..d70a337974f4a9825580a5fbe7c76a7196c65e9f 100644
--- a/browser/css/dark.css
+++ b/browser/css/dark.css
@@ -66,6 +66,9 @@ ul {
   z-index: 10;
   background-color: #000000;
 }
+.upload_field {
+  width: 100%;
+}
 #menu-container {
   background: inherit;
 }
@@ -438,14 +441,21 @@ line {
   float: left;
   white-space: nowrap;
 }
-.sizeBox {
-  width: 60px;
+.seq-fixed .nameBox {
+  width: 250px;
+}
+.sizeBox,
+.mutationBox {
+  width: 52px;
   float: right;
   overflow: hidden;
   display: inline-block;
   height: 16px;
   position: relative;
 }
+.mutationBox {
+  padding-right: 5px;
+}
 .starBox {
   width: 16px;
   float: right;
@@ -625,7 +635,8 @@ line {
   width: 0px;
   word-spacing: normal;
 }
-span .substitution, span .indel {
+span .substitution,
+span .indel {
   font-weight: bold;
   color: #800;
 }
@@ -1775,3 +1786,6 @@ label.highlight_label {
   pointer-events: none;
   opacity: 0.4;
 }
+.db_table td.pre-line {
+  white-space: pre-line;
+}
diff --git a/browser/css/light.css b/browser/css/light.css
index 9f50ba1af1a7e444ffbccf91ed63793dd83b0111..2b63dd384336cc2dcf38a122f36e47c2563f97ca 100644
--- a/browser/css/light.css
+++ b/browser/css/light.css
@@ -66,6 +66,9 @@ ul {
   z-index: 10;
   background-color: #ffffff;
 }
+.upload_field {
+  width: 100%;
+}
 #menu-container {
   background: inherit;
 }
@@ -438,14 +441,21 @@ line {
   float: left;
   white-space: nowrap;
 }
-.sizeBox {
-  width: 60px;
+.seq-fixed .nameBox {
+  width: 250px;
+}
+.sizeBox,
+.mutationBox {
+  width: 52px;
   float: right;
   overflow: hidden;
   display: inline-block;
   height: 16px;
   position: relative;
 }
+.mutationBox {
+  padding-right: 5px;
+}
 .starBox {
   width: 16px;
   float: right;
@@ -625,7 +635,8 @@ line {
   width: 0px;
   word-spacing: normal;
 }
-span .substitution, span .indel {
+span .substitution,
+span .indel {
   font-weight: bold;
   color: #800;
 }
@@ -1775,3 +1786,6 @@ label.highlight_label {
   pointer-events: none;
   opacity: 0.4;
 }
+.db_table td.pre-line {
+  white-space: pre-line;
+}
diff --git a/browser/css/svg.css b/browser/css/svg.css
index fac54c7ce15c2f00c937e7b38165673a349fb32f..f789f666ab00c00cca42076fd25f263f7b1899c3 100644
--- a/browser/css/svg.css
+++ b/browser/css/svg.css
@@ -63,7 +63,10 @@ ul {
   position: relative;
   right: 200px;
   z-index: 10;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
+}
+.upload_field {
+  width: 100%;
 }
 #menu-container {
   background: inherit;
@@ -437,14 +440,21 @@ line {
   float: left;
   white-space: nowrap;
 }
-.sizeBox {
-  width: 60px;
+.seq-fixed .nameBox {
+  width: 250px;
+}
+.sizeBox,
+.mutationBox {
+  width: 52px;
   float: right;
   overflow: hidden;
   display: inline-block;
   height: 16px;
   position: relative;
 }
+.mutationBox {
+  padding-right: 5px;
+}
 .starBox {
   width: 16px;
   float: right;
@@ -624,10 +634,14 @@ line {
   width: 0px;
   word-spacing: normal;
 }
-span .substitution {
+span .substitution,
+span .indel {
   font-weight: bold;
   color: #800;
 }
+span .substitution {
+  border-bottom: 1px solid #800;
+}
 /*tag*/
 .tagSelector {
   padding: 5px;
@@ -1771,6 +1785,9 @@ label.highlight_label {
   pointer-events: none;
   opacity: 0.4;
 }
+.db_table td.pre-line {
+  white-space: pre-line;
+}
 #resolution5 {
   opacity: 0;
 }
diff --git a/browser/css/talk.css b/browser/css/talk.css
index f5e204edfc356a8ff48007edd7ca5c42d968eebe..54ad0af722d3a081ac4cad1a31d9f3630e59f68b 100644
--- a/browser/css/talk.css
+++ b/browser/css/talk.css
@@ -66,6 +66,9 @@ ul {
   z-index: 10;
   background-color: #ffffff;
 }
+.upload_field {
+  width: 100%;
+}
 #menu-container {
   background: inherit;
 }
@@ -437,14 +440,21 @@ line {
   float: left;
   white-space: nowrap;
 }
-.sizeBox {
-  width: 60px;
+.seq-fixed .nameBox {
+  width: 250px;
+}
+.sizeBox,
+.mutationBox {
+  width: 52px;
   float: right;
   overflow: hidden;
   display: inline-block;
   height: 16px;
   position: relative;
 }
+.mutationBox {
+  padding-right: 5px;
+}
 .starBox {
   width: 16px;
   float: right;
@@ -623,10 +633,14 @@ line {
   width: 0px;
   word-spacing: normal;
 }
-span .substitution {
+span .substitution,
+span .indel {
   font-weight: bold;
   color: #800;
 }
+span .substitution {
+  border-bottom: 1px solid #800;
+}
 /*tag*/
 .tagSelector {
   padding: 5px;
@@ -1236,7 +1250,7 @@ span.warningReads {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.db_table td:hover {
+.table_compare td:hover {
   z-index: 999;
   position: relative;
   background: inherit;
@@ -1763,9 +1777,16 @@ label.highlight_label {
   pointer-events: none;
   opacity: 0.4;
 }
+.db_table td.pre-line {
+  white-space: pre-line;
+}
 #mid-container {
   font-size: 125%;
 }
 .sp_legend2 {
   opacity: 0.8;
 }
+.sp_system {
+  top: 0;
+  left: -0.5em;
+}