checking other search

2 files changed, 31 insertions, 11 deletions

diff --git a/src/client/views/Main.scss b/src/client/views/Main.scss
index 4373534b2..26284974a 100644
--- a/src/client/views/Main.scss
+++ b/src/client/views/Main.scss
@@ -1,5 +1,6 @@
 @import "globalCssVariables";
 @import "nodeModuleOverrides";
+
 html,
 body {
     width: 100%;
@@ -7,9 +8,9 @@ body {
     overflow: auto;
     font-family: $sans-serif;
     margin: 0;
-    position:absolute;
+    position: absolute;
     top: 0;
-    left:0;
+    left: 0;
 }
 
 #dash-title {
@@ -42,7 +43,7 @@ h1 {
 }
 
 .jsx-parser {
-    width:100%
+    width: 100%
 }
 
 p {
@@ -80,6 +81,10 @@ button:hover {
     cursor: pointer;
 }
 
+search {
+    background: $dark-color;
+}
+
 .clear-db-button {
     position: absolute;
     right: 45%;
@@ -114,6 +119,7 @@ button:hover {
     position: absolute;
     bottom: 62px;
     left: 24px;
+
     .toolbar-button {
         display: block;
         margin-bottom: 10px;
@@ -125,6 +131,7 @@ button:hover {
     position: absolute;
     bottom: 24px;
     left: 24px;
+
     label {
         background: $dark-color;
         color: $light-color;
@@ -137,44 +144,53 @@ button:hover {
         cursor: pointer;
         transition: transform 0.2s;
     }
+
     label p {
         padding-left: 10.5px;
         padding-top: 3px;
     }
+
     label:hover {
         background: $main-accent;
         transform: scale(1.15);
     }
+
     input {
         display: none;
     }
+
     input:not(:checked)~#add-options-content {
         display: none;
     }
+
     input:checked~label {
         transform: rotate(45deg);
         transition: transform 0.5s;
         cursor: pointer;
     }
 }
+
 #root {
     overflow: visible;
 }
+
 #main-div {
-    width:100%;
-    height:100%;
-    position:absolute;
+    width: 100%;
+    height: 100%;
+    position: absolute;
     top: 0;
-    left:0;
+    left: 0;
     overflow: scroll;
 }
+
 #mainContent-div {
-    width:100%;
-    height:100%;
-    position:absolute;
+    width: 100%;
+    height: 100%;
+    position: absolute;
     top: 0;
-    left:0;
+    left: 0;
 }
+
 #add-options-content {
     display: table;
     opacity: 1;
@@ -189,6 +205,7 @@ button:hover {
 ul#add-options-list {
     list-style: none;
     padding: 0;
+
     li {
         display: inline-block;
         padding: 0;
diff --git a/src/client/views/Main.tsx b/src/client/views/Main.tsx
index 0469211fa..7d47c9932 100644
--- a/src/client/views/Main.tsx
+++ b/src/client/views/Main.tsx
@@ -262,6 +262,9 @@ export class Main extends React.Component {
             </div >,
             <div className="main-buttonDiv" key="workspaces" style={{ top: '34px', left: '2px', position: 'absolute' }} ref={workspacesRef}>
                 <button onClick={toggleWorkspaces}>Workspaces</button></div>,
+
+            <div className="main-searchDiv" key="search" style={{ top: '34px', right: '100px', position: 'absolute' }} ref={workspacesRef}> hello </div>,
+
             <div className="main-buttonDiv" key="logout" style={{ top: '34px', right: '1px', position: 'absolute' }} ref={logoutRef}>
                 <button onClick={() => request.get(ServerUtils.prepend(RouteStore.logout), emptyFunction)}>Log Out</button></div>
         ];