Moved css for tooltip from App.css to index.css. Added a line after i…

…mports in headerBar.js for readability.
ourcodeinc · Sep 9, 2024 · c647841 · c647841
1 parent 0fb498d
commit c647841
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 15 deletions.
diff --git a/src/App.css b/src/App.css
@@ -23,15 +23,3 @@
   to { transform: rotate(360deg); }
 }
 
-.headerDiv {
-  display: flex;
-  align-items: center;
-}
-
-.infoIcon {
-  margin-left: 10px;
-  position: relative;
-  top: 6px;
-  left: -5px;
-}
-
diff --git a/src/index.css b/src/index.css
@@ -204,11 +204,12 @@ body {
 }
 
 /*** HeaderBar ***/
-
 .headerDiv {
     padding-bottom: 10px;
     padding-top: 20px;
-    border-bottom: 3px double #bdbdbd
+    border-bottom: 3px double #bdbdbd;
+    display: flex;
+    align-items: center;
 }
 
 .text-24 {
@@ -234,6 +235,13 @@ body {
     color: #5d5d5d;
 }
 
+.infoIcon {
+    margin-left: 10px;
+    position: relative;
+    top: 6px;
+    left: -5px;
+}
+
 /*!*** Auto Complete ***!*/
 
 .monacoWrapper {
@@ -1041,4 +1049,4 @@ img.tutorialSmallImage {
 .minedRulesComponent .identifierContainer .identifierHeader {
     width: 100%;
     margin: auto;
-}
+}
diff --git a/src/ui/headerBar.js b/src/ui/headerBar.js
@@ -13,6 +13,7 @@ import {webSocketSendMessage} from "../core/coreConstants";
 import {hashConst} from "./uiConstants";
 import {FaInfoCircle} from "react-icons/fa";
 import ReactTooltip from "react-tooltip";
+
 export class HeaderBar extends Component {
     render() {
         return (