Topic navigation ready

Client/WebServer/css/docs.css

@@ -27,7 +27,7 @@ color: #e6eaea;
 background-color: #365558;
 line-height: 160%;
 border-top: 5px solid #0295aa;
-margin: 150px 0 0 0;
+margin: 80px 0 0 0;
 padding: 50 0 20 0px;
 }
 
@@ -314,8 +314,8 @@ box-sizing: border-box;
 
 .docs-topic-index {
 background-color:white;
-padding: 0 20 20 20px;
-margin: 20px 0;
+padding: 30 20px;
+margin: 40px 0;
 border: 1px solid rgba(49, 112, 143, .2);
 border-left-width: 5px;
 border-radius: 5px;
@@ -324,10 +324,17 @@ width: 100%;
 box-sizing: border-box;
 }
 
-.docs-topic-index h3 {
-  font-size: 100%;
+.docs-topic-index h2 {
+  font-size: 170%;
   font-weight: 300;
-  margin: 0px;
+  margin: 20px -5px;
+  padding: 0px;
+}
+
+.docs-topic-index h3 {
+  font-size: 140%;
+  font-weight: 300;
+  margin: 20px 0;
   padding: 0px;
 }
 
@@ -420,36 +427,43 @@ width: 100%;
 .docs-topic-navigation {
   display: table;
   width: 100%;
-  margin: 60px 0 0 0;
-  border-top: 1px solid rgba(54, 85, 88, .3);
-  padding-top: 40px;
   vertical-align: middle;
+  margin: 35px 0;
+  /* 
+  border-top: 1px solid rgba(54, 85, 88, .3);
+  margin: 60px 0 0 0;
+  padding-top: 20px;
+  */
 }
 
 .docs-topic-navigation div {
   display: table-cell;
-  width: 33%;
-  height: 50px;
-  max-width: 34%;
+  width: 50%;
+  height: 10px;
+  max-width: 50%;
   text-align: center;
   vertical-align: middle;
+  padding: 10px;
+  /* 
+    height: 40px;
+  */
 }
 
 .docs-topic-navigation div button{
-  border: 1px outset #365558;
   border-radius: 50px;
-  background-color: transparent;
-  color: #365558;
-  padding: 10px;
+  border: 0px;
+  color: #e6eaea; 
+  background-color: #365558;
+  padding: 5px;
   margin: 0 0 0 10px;
   font-size: 100%;
   line-height: 150%;
-  width: 100%; 
+  width: 100%;
   height:100%;
 }
 
 .docs-topic-navigation div button:hover {
-  border: 1px inset #365558;
+  background-color: #0295aa;
   cursor: pointer;
 }