New topic navigation layout

Client/WebServer/css/docs.css

@@ -314,7 +314,7 @@ box-sizing: border-box;
 
 .docs-topic-index {
 background-color:white;
-padding: 30 20px;
+padding: 40 20px;
 margin: 40px 0;
 border: 1px solid rgba(49, 112, 143, .2);
 border-left-width: 5px;
@@ -332,9 +332,9 @@ box-sizing: border-box;
 }
 
 .docs-topic-index h3 {
-  font-size: 140%;
+  font-size: 150%;
   font-weight: 300;
-  margin: 20px 0;
+  margin: 35px 0 25 0;
   padding: 0px;
 }
 
@@ -428,7 +428,7 @@ width: 100%;
   display: table;
   width: 100%;
   vertical-align: middle;
-  margin: 35px 0;
+  margin: 0;
   /* 
   border-top: 1px solid rgba(54, 85, 88, .3);
   margin: 60px 0 0 0;
@@ -439,10 +439,9 @@ width: 100%;
 .docs-topic-navigation div {
   display: table-cell;
   width: 50%;
-  height: 10px;
   max-width: 50%;
   text-align: center;
-  vertical-align: middle;
+  vertical-align: top;
   padding: 10px;
   /* 
     height: 40px;
@@ -454,11 +453,11 @@ width: 100%;
   border: 0px;
   color: #e6eaea; 
   background-color: #365558;
-  padding: 5px;
-  margin: 0 0 0 10px;
+  padding: 10px;
+  margin: 0 0 10 10px;
   font-size: 100%;
   line-height: 150%;
-  width: 100%;
+  width: 150px;
   height:100%;
 }