language menu

1 files changed, 83 insertions, 4 deletions

diff --git a/src/client/views/nodes/ComparisonBox.scss b/src/client/views/nodes/ComparisonBox.scss
index f7389e39b..41ff56514 100644
--- a/src/client/views/nodes/ComparisonBox.scss
+++ b/src/client/views/nodes/ComparisonBox.scss
@@ -28,17 +28,96 @@
         padding-bottom: 10px;
         padding-left: 5px;
         padding-right: 5px;
-        width: 100%;
+        // width: 80%;
         border-radius: 2px;
         height: 15%;
-        display: flex;
+        display: inline-block;
         bottom: 0;
+        // right: 0;
+
+        &.schema-header-button {
+            color: gray;
+            margin: 3px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            svg {
+                width: 15px;
+            }
+        }
+
+        &.submit {
+            width: 80%;
+            // float: right;
+
+            // position: absolute;
+            // position: 10px;
+            // padding-left: 35%;
+            // padding-right: 80%;
+            // // width: 80px;
+            // // right: 0;
+            // right: 0;
+            // bottom: 0;
+        }
+        &.record {
+            width: 20%;
+            float: left;
+            border-radius: 2px;
+            // right: 0;
+            // height: 30%;
+        }
 
         button {
-            flex: 1;
-            position: relative;
+            // flex: 1;
+            // position: relative;
         }
     }
+
+    .dropbtn {
+        background-color: #3498db;
+        color: white;
+        padding: 16px;
+        font-size: 16px;
+        border: none;
+    }
+
+    .dropup {
+        position: absolute;
+        display: inline-block;
+        margin-top: 150px;
+        bottom: 0;
+    }
+
+    .dropup-content {
+        display: none;
+        position: absolute;
+        background-color: #f1f1f1;
+        min-width: 160px;
+        bottom: 40px;
+        z-index: 1000;
+    }
+
+    .dropup-content a {
+        color: black;
+        padding: 12px 16px;
+        text-decoration: none;
+        display: block;
+    }
+
+    .dropup-content a:hover {
+        background-color: #ccc;
+    }
+
+    .dropup:hover .dropup-content {
+        display: block;
+    }
+
+    .dropup:hover .dropbtn {
+        background-color: #2980b9;
+    }
+
     textarea {
         flex: 1;
         padding: 10px;