minor styling

demo/main.css

@@ -3,6 +3,7 @@ body {
   font-size: 14px;
   color: #333;
   margin: 0;
+  line-height: 1.5;
 }
 
 side-menu, redoc {
@@ -33,4 +34,9 @@ pre {
   background-color: #f2f2f2;
   padding: 10px;
   overflow-x: auto;
+  line-height: normal;
+}
+
+code {
+  background-color: #f2f2f2;
 }

lib/components/Method/method.css

@@ -18,6 +18,11 @@ h3 > span {
   vertical-align: middle;
 }
 
+span.path {
+  font-family: monospace;
+  font-weight: bold;
+}
+
 .method-tags {
   margin-top: 10px;
   color: #666;
@@ -78,6 +83,8 @@ responses-samples {
   font-size: 13px;
   color: white;
   background-color: #1976D3;
+  border-radius: 0 10px 10px 0;
+  font-weight: bold;
 }
 
 .http-method.delete {

lib/components/MethodsList/methods-list.css

@@ -6,15 +6,20 @@ method {
 
 .tag-info {
   padding: 0 20px;
-  width: 60%;
   box-sizing: border-box;
+  background-color: white;
+}
+
+.tag-info:after, .tag-info:before {
+  content: "";
+  display: table;
 }
 
 .tag-info h1 {
   color: rgb(102, 102, 102);
   text-transform: capitalize;
   padding-left: 10px;
-  border-left: 5px solid green;
+  border-left: 5px solid darkgreen;
 }
 
 .methods {

lib/components/ParamsList/params-list.css

@@ -7,7 +7,7 @@ h4 {
 table {
   width: 100%;
   border-spacing: 0;
-  border: 2px solid #1976D3;
+  border: 2px solid #053361;
 }
 
 td.param-name {
@@ -19,7 +19,7 @@ td.param-description {
 }
 
 thead tr:first-child {
-  background: #1976D3;
+  background: #053361;
   color: #fff;
   border: none;
 }

lib/components/ResponsesList/responses-list.css

@@ -5,7 +5,7 @@ small {
 table {
   width: 100%;
   border-spacing: 0;
-  border: 2px solid green;
+  border: 2px solid darkgreen;
 }
 
 th.response-code {
@@ -17,7 +17,7 @@ th.response-description {
 }
 
 thead tr:first-child {
-  background: green;
+  background: darkgreen;
   color: #fff;
   border: none;
 }

lib/components/SideMenuCat/side-menu-cat.css

@@ -3,6 +3,7 @@ label {
   font-size: 15px;
   cursor: pointer;
   color: #666;
+  text-transform: capitalize;
 }
 
 ul {