adjusted hiding chrome for carousel. cleaned up some comparisonBox quiz code. removed create flashcard pile button from flashcard - would prefer carousel being added to marquee menu.

1 files changed, 28 insertions, 1 deletions

diff --git a/src/client/views/nodes/ComparisonBox.scss b/src/client/views/nodes/ComparisonBox.scss
index 8156c50f6..c328ef4bf 100644
--- a/src/client/views/nodes/ComparisonBox.scss
+++ b/src/client/views/nodes/ComparisonBox.scss
@@ -9,6 +9,7 @@
     z-index: 0;
     pointer-events: none;
     display: flex;
+    flex-direction: column;
     p {
         // bcz: what is this styling for?  if text in the comparison box is colored, then this causes it to render with a black outline
         color: rgb(0, 0, 0);
@@ -32,8 +33,10 @@
         padding-right: 5px;
         border-radius: 2px;
         height: 17%;
-        display: inline-block;
         bottom: 0;
+        overflow: hidden;
+        display: flex;
+        width: 100%;
 
         &.schema-header-button {
             color: gray;
@@ -61,6 +64,29 @@
             float: left;
             border-radius: 2px;
         }
+        .submit-buttonrecord {
+            border-radius: 2px;
+        }
+        .submit-buttonpronunciation {
+            display: inline-flex;
+            align-items: center;
+        }
+        .submit-buttonschema-header-button {
+            position: absolute;
+            top: 5px;
+            left: 11px;
+            z-index: 10;
+            width: 5px;
+            height: 5px;
+            cursor: pointer;
+        }
+        .submit-buttonsubmit {
+            border-radius: 2px;
+            margin-bottom: 3px;
+            width: 100%;
+            display: inline-flex;
+            align-items: center;
+        }
     }
 
     .dropbtn {
@@ -194,6 +220,7 @@
 
     .loading-spinner {
         display: flex;
+        position: absolute;
         justify-content: center;
         align-items: center;
         height: 90%;