From 5576e236df64c2781e771d212536f77bef970ae9 Mon Sep 17 00:00:00 2001
From: mertJF <mertcukuren@jotform.com>
Date: Sat, 23 May 2020 11:59:31 +0300
Subject: [PATCH] App :: making responsive II

---
 src/index.css | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index c1188fa..3baea69 100644
--- a/src/index.css
+++ b/src/index.css
@@ -559,12 +559,17 @@ pre, code {
   right: 20px;
   bottom: 20px;
   background-color: var(--solid-900);
-  color: var(--main-100);
+  color: #fff;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 
+.dark-mode .github {
+  color: #1a202c;
+  background-color: #fff;
+}
+
 .clipboard-wrapper {
   display: flex;
   flex-direction: row-reverse;
@@ -608,7 +613,7 @@ pre, code {
 
 
 @media (max-width: 760px) {
-  .copy-the-block, .switcher {
+  .copy-the-block {
     display: none;
   }
 
@@ -628,4 +633,21 @@ pre, code {
   .mode {
     margin-left: auto;
   }
+
+  .sidebar {
+    z-index: 2;
+  }
+
+  .switcher {
+    position: fixed;
+    bottom: 24px;
+    z-index: 1;
+    background-color: #fff;
+    border: 1px solid var(--base-200);
+    left: 20px;
+  }
+
+  .dark-mode .switcher {
+    background-color: #1a202c;
+  } 
 }