From 5c885a6032e9fb2b025f55610f2da1eed7d93d75 Mon Sep 17 00:00:00 2001
From: abhiram11 <abhiramsatpute@gmail.com>
Date: Thu, 6 Apr 2023 11:58:04 +0530
Subject: [PATCH] updated dApps dropdown, added docs/about styles, asking to
 remove console logs

---
 src/components/styles/header.module.css | 19 ++++++++++++-------
 src/pages/index.js                      |  1 +
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/styles/header.module.css b/src/components/styles/header.module.css
index 7f24f394..c1075b29 100644
--- a/src/components/styles/header.module.css
+++ b/src/components/styles/header.module.css
@@ -57,7 +57,9 @@
 
 .header .usecases div a,
 .header .research div a,
-.header .governance div a {
+.header .governance div a,
+.header .docs div a,
+.header .about div a {
   color: var(--color-gray) !important;
 }
 
@@ -96,7 +98,7 @@
   border: none;
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 992px) {
   .header nav > div > div:nth-child(2) > div > div {
     margin-top: 1rem !important;
     min-width: fit-content;
@@ -121,7 +123,7 @@
   }
 
   .header nav div div:nth-child(1) button[class~="collapsed"]::after {
-    content: " ";
+    content: "";
     display: inline-block;
     border-top: 0.6ex solid transparent;
     border-bottom: 0.6ex solid transparent;
@@ -134,17 +136,18 @@
 }
 @media screen and (max-width: 992px) {
   .header nav div div:nth-child(1) button[class~="collapsed"]::after {
-    transform: rotate(90deg) translateX(0px);
+    transform: rotate(0deg) translateX(0px);
   }
 
   .header nav div div:nth-child(1) button::after {
-    content: " ";
+    content: "";
     display: inline-block;
     border-top: 0.6ex solid transparent;
     border-bottom: 0.6ex solid transparent;
     border-left: 0.6ex solid;
     vertical-align: middle;
     transform: translateY(-0.1rem);
+    transform: rotate(90deg) translateX(0px);
     margin-left: 0.5rem;
   }
 }
@@ -159,13 +162,15 @@
   text-align: right;
 }
 
-@media screen and (max-width: 992px) {
+/* 
+  Any specific code to be added here? Let me know!
+  @media screen and (max-width: 992px) {
   .header div > div:nth-child(2) > div > div {
   }
 
   .header div > div:nth-child(2) > div > a {
   }
-}
+} */
 
 .header svg {
   width: 3rem;
diff --git a/src/pages/index.js b/src/pages/index.js
index 438f8db9..293e4871 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -267,6 +267,7 @@ class IndexPage extends React.Component {
     const { intl } = this.props;
 
     const { disputes, metaEvidences, subcourts, subcourtDetails, subcourtsExtra, loading, klerosCounters } = this.state;
+    // should the console logs be removed?
     console.log(this.state);
     console.log(EthereumInterface.Web3.utils.fromWei("123123123123123123"));
     return (