1 files changed, 25 insertions, 19 deletions
diff --git a/share/www/style/layout.css b/share/www/style/layout.css
index 0632d261..c899198d 100644
--- a/share/www/style/layout.css
+++ b/share/www/style/layout.css
@@ -251,35 +251,41 @@ ul.suggest-dropdown li.selected { cursor: pointer; background: Highlight;
 #viewcode { background: #fff; border: 1px solid;
   border-color: #999 #ddd #ddd #999; margin: 0 0 1em; padding: 0 .5em;
 }
-#viewcode div { background-color: #e9e9e9; border: 1px solid;
-  border-color: #ddd #ddd #e9e9e9 #ddd; color: #333; margin: 0 -.5em;
-  padding: 0 .5em 2px;
+#viewcode .top, #viewcode .bottom { background-color: #e9e9e9;
+  border: 1px solid; border-color: #ddd #ddd #e9e9e9 #ddd; color: #333;
+  margin: 0 -.5em; padding: 0 .5em 2px;
 }
 #viewcode .top { color: #aaa; font-size: 95%; }
+#viewcode .top span { background: url(../image/twisty.gif) 0 3px no-repeat;
+  border: none; color: #666; cursor: pointer; display: block; font-size: 90%;
+  margin: 0; padding: 2px 0 0 15px;
+}
 #viewcode .top a { float: right; font-size: 90%; line-height: 1.4em;
   padding: 2px 2px 0 0;
 }
 #viewcode .top a:link, #viewcode .top a:visited { color: #999; }
-#viewcode label { background: url(../image/twisty.gif) 0 3px no-repeat;
-  color: #666; cursor: pointer; display: block; padding: 2px 0 0 15px;
-}
-#viewcode div.bottom, #viewcode textarea { display: none; }
-#viewcode textarea { border: none; color: #333; max-width: 100%;
-  min-height: 50px; padding: .5em 0; width: 100%;
-}
-#viewcode div.bottom { border-bottom: none; padding: 1px 3px; }
-#viewcode div.bottom button { font-size: 90%; margin: 0 1em 0 0;
+#viewcode .code, #viewcode .bottom { display: none; }
+#viewcode .code { float: left; padding: .2em 0; width: 49%; }
+#viewcode .code label { font-size: 90%; color: #999; }
+#viewcode .code textarea { border: none; border-top: 1px solid #ddd;
+  color: #333; min-height: 50px; max-width: 98%; padding-top: .5em;
+  resize: none;
+}
+#viewcode div.map { border-right: 1px dashed #ccc; margin-right: .5em; }
+#viewcode .bottom { border-bottom: none; clear: left; padding: 1px 3px; }
+#viewcode .bottom button { font-size: 90%; margin: 0 1em 0 0;
   padding-left: 2em; padding-right: 2em;
 }
-*html #viewcode div.bottom button { padding: 0 .5em; }
-*+html #viewcode div.bottom button { padding: 0 .5em; }
-#viewcode div.bottom button.revert, #viewcode div.bottom button.save,
-#viewcode div.bottom button.saveas {
+*html #viewcode .bottom button { padding: 0 .5em; }
+*+html #viewcode .bottom button { padding: 0 .5em; }
+#viewcode .bottom button.revert, #viewcode .bottom button.save,
+#viewcode .bottom button.saveas {
   float: right; margin: 0 0 0 1em;
 }
-#viewcode div.bottom button.save { font-weight: bold; }
-#viewcode.expanded label { background-position: 0 -96px; }
-#viewcode.expanded textarea, #viewcode.expanded div.bottom { display: block; }
+#viewcode .bottom button.save { font-weight: bold; }
+#viewcode .grippie { background-position: 49% 50%; }
+#viewcode.expanded .top span { background-position: 0 -96px; }
+#viewcode.expanded .code, #viewcode.expanded .bottom { display: block; }
 
 /* Database table */