From 303ece4d6be9f9feb83ff24e8f12facd57fd3f0d Mon Sep 17 00:00:00 2001
From: Anton Kuranda <anton.lva@gmail.com>
Date: Sat, 16 Jun 2018 15:00:53 +0300
Subject: [PATCH] Fixed viewing 3 panels on smaller screens (#8)

---
 web/index.html | 85 ++++++++++++++------------------------------------
 1 file changed, 23 insertions(+), 62 deletions(-)
diff --git a/web/index.html b/web/index.html
index 68ad76f..27ce139 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,76 +1,37 @@
 <!DOCTYPE html>
 <html>
-  <head>
+
+<head>
     <title>RBKmoney Wallets API</title>
     <!-- needed for adaptive design -->
+    <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/redoc@next/bundles/redoc.standalone.js">
+    </script>
     <!--
-    ReDoc uses font options from the parent element
-    So override default browser styles
+    ReDoc doesn't change outer page styles
     -->
     <style>
-      body {
+    body {
         margin: 0;
         padding: 0;
-      }
+    }
     </style>
-  </head>
-  <body>
-    <redoc />
-    <script src="https://cdn.jsdelivr.net/npm/redoc/bundles/redoc.standalone.js"> </script>
-    <script>
-      var spec = window.location.search.substring(1);
-      if (spec.length == 0) {
-        spec = "api/wallet/swagger.json";
-      }
-      Redoc.init(
-        spec,
-        {
-          suppressWarnings: true,
-          lazyRendering: true
-        }
-      );
-    </script>
+</head>
 
-    <!-- GA -->
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-      ga('create', 'UA-92343978-1', 'auto');
-      ga('send', 'pageview');
-
-    </script>
-    <!-- Yandex.Metrika counter -->
+<body>
+    <div id='redoc'></div>
     <script type="text/javascript">
-        (function (d, w, c) {
-            (w[c] = w[c] || []).push(function() {
-                try {
-                    w.yaCounter42980494 = new Ya.Metrika({
-                        id:42980494,
-                        clickmap:true,
-                        trackLinks:true,
-                        accurateTrackBounce:true
-                    });
-                } catch(e) { }
-            });
-
-            var n = d.getElementsByTagName("script")[0],
-                s = d.createElement("script"),
-                f = function () { n.parentNode.insertBefore(s, n); };
-            s.type = "text/javascript";
-            s.async = true;
-            s.src = "https://mc.yandex.ru/metrika/watch.js";
-
-            if (w.opera == "[object Opera]") {
-                d.addEventListener("DOMContentLoaded", f, false);
-            } else { f(); }
-        })(document, window, "yandex_metrika_callbacks");
+      Redoc.init('api/wallet/swagger.json', {
+          theme: {
+              breakpoints: {
+                  //3-panel view fix
+                  medium: '75rem',
+              }
+          }
+      }, document.getElementById('redoc'));
     </script>
-    <noscript><div><img src="https://mc.yandex.ru/watch/42980494" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
-    <!-- /Yandex.Metrika counter -->
-  </body>
-</html>
+</body>
+
+</html>
\ No newline at end of file
