change css in response to #1

BenPortner · Mar 3, 2021 · a5844e1 · a5844e1
1 parent f742c85
commit a5844e1
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,7 +1,18 @@
 #cy {
-    width: 100%;
-    height: 700px;
-    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 1;
+}
+
+#controls{
+    position: absolute;
+    left: 60px;
+    top: 5px;
+    font-family: arial, helvetica, sans-serif;
+    z-index: 99999;
 }
 
 .popper-div {
@@ -12,6 +23,7 @@
     padding: 5px 10px;
     font-size: 13px;
     border-radius: 4px;
+    z-index: 99999;
 }
 
 .popper-div table {

diff --git a/index.html b/index.html
@@ -27,8 +27,8 @@
 </head>
 
 <body>
-    <div>
-        <span>Search: <input id="search" value=""></input></span>
+    <div id="controls">
+        <span>search: <input id="search" value=""></input></span>
         <span><button id="expand">expand all</button></span>
     </div>
     <div id="cy"></div>