GUI tweaks, flesh out help text

[sfa-gui.git] / public / SfaGUI.css

diff --git a/public/SfaGUI.css b/public/SfaGUI.css
index 9449ca0..c62461d 100644 (file)
--- a/public/SfaGUI.css
+++ b/public/SfaGUI.css
@@ -125,21 +125,32 @@ a:visited {
 }
 
 .gwt-TabBar .gwt-TabBarItem {
-  border-top: 1px solid #C3D9FF;
+  background-color: #d2d8e0;
+  border-top: 1px solid #87B3FF;
+  border-left: 1px solid #87B3FF;
+  border-right: 1px solid #87B3FF;
   border-bottom: 1px solid #87B3FF;
   padding: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  margin-left: 1px;
+  margin-right: 1px;
   cursor: pointer;
   cursor: hand;
 }
 
 .gwt-TabBar .gwt-TabBarItem-selected {
-  font-weight: bold;
   background-color: #E8EEF7;
+  font-weight: bold;
   border-top: 1px solid #87B3FF;
   border-left: 1px solid #87B3FF;
   border-right: 1px solid #87B3FF;
   border-bottom: 1px solid #E8EEF7;
   padding: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  margin-left: 1px;
+  margin-right: 1px;
   cursor: default;
 }
 
@@ -150,6 +161,7 @@ a:visited {
 }
 
 .gwt-Tree {
+    padding: 8px;
 }
 
 .gwt-Tree .gwt-TreeItem {
@@ -193,9 +205,10 @@ a:visited {
 }
 
 .ks-List .ks-SinkItem {
+  background-color: #d2d8e0;
   width: 100%;
   padding: 0.3em;
-  padding-right: 16px;
+  padding-right: 32px;
   cursor: pointer;
   cursor: hand;
 }
@@ -215,7 +228,9 @@ a:visited {
 }
 
 .ks-layouts {
-  margin: 8px;
+  padding: 8px;
+  width: 100%;
+  height: 100%;
 }
 
 .ks-layouts-Label {
@@ -240,7 +255,7 @@ a:visited {
 }
 
 .infoProse {
-  margin: 8px;
+  padding: 8px;
 }
 
 /******************************************************