2432: API docs (openapi) styling update

Author: turegjorup

public/styles/swagger-ui.css

@@ -1,13 +1,17 @@
 /** HEADER **/
 
+body {
+    margin: 0;
+}
+
 header:before {
-    background: white;
+    background: none;
     box-shadow: none;
     z-index: -100;
+    height: 0;
 }
 
 header {
-    margin-bottom: -60px;
 
     #logo {
         right: 60px;
@@ -35,26 +39,33 @@ header {
     color: rgb(66, 66, 66);
 }
 
+
+/* TOS and contact links */
 .swagger-ui .info > div.info__tos {
-    position: absolute;
+    float: left;
+    margin-right: 40px;
 }
 
 .swagger-ui .info > div.info__contact {
-    position: absolute;
-    left: 200px;
+    float: left;
 }
 
 #swagger-ui.api-platform .information-container.wrapper {
     height: 140px;
 }
 
+.swagger-ui .info > div.info__contact > div {
+    float: left;
+    margin-right: 40px;
+}
+
 .swagger-ui .info > div.info__contact > a.link {
-    position: absolute;
-    top: 0;
-    left: 200px;
-    width: 200px;
+    display: block;
+    float: left;
 }
 
+
+/* GET method color */
 #swagger-ui.api-platform .opblock.opblock-get .opblock-summary-method {
     background-color: rgb(31, 161, 56);
 }
@@ -63,6 +74,7 @@ header {
     background-color: rgb(31, 161, 56, .1);
 }
 
+/* Auth button */
 .swagger-ui .btn.authorize {
     border-color: rgb(31, 161, 56);
     color: rgb(31, 161, 56);
@@ -76,10 +88,13 @@ header {
     fill: rgb(31, 161, 56);
 }
 
+
+/* Version bubble */
 .swagger-ui .info .title small {
     background-color: rgb(0, 156, 220);
 }
 
+/* OAS bubble */
 .swagger-ui .info .title small.version-stamp {
     background-color: rgb(31, 161, 56);
 }