fixed test

learningequality · Oct 3, 2023 · 5cdac66 · 5cdac66
1 parent 7e071cb
commit 5cdac66
Showing 1 changed file with 52 additions and 27 deletions.
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ReplaceQuestions.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ReplaceQuestions.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <div class="sidepanel">
+  <div>
     <h5>
       {{ $tr('sectionTitle') }}
     </h5>
@@ -213,8 +213,7 @@
     </AccordionContainer>
 
     <hr
-      class="horizontal-border"
-      style="margin-top:100px;width:100%;"
+      class="bottom-bar-hr horizontal-border"
     >
     <div class="bottom-bar-style">
       <KButton
@@ -323,93 +322,119 @@
 </script>
 
 
-<style scoped>
+<style lang="scss" scoped>
+
+  @import '~kolibri-design-system/lib/styles/definitions';
+
   .remove-button-style {
     width: 100%;
     padding: 0;
     background-color: transparent;
     border: 0;
   }
+
   .flex-div {
     display: flex;
   }
+
   .left-column-alignment-style {
     display: inline-flex;
   }
+
   .check-box-style {
     margin-top: 0.5em;
     margin-left: 0.5em;
   }
+
   .occupy-remaining-space {
     flex-grow: 1;
   }
+
   .limit-height {
     margin-top: 0.5em;
     margin-bottom: 0.5em;
   }
+
   .right-alignment-style {
     float: right;
     margin-top: 1em;
   }
 
-  .horizontal-border{
-    color:#DEDEDE;
+  .horizontal-border {
+    color: #dedede;
   }
 
   .text-align-start {
     text-align: start;
   }
+
   .text-vertical-spacing {
     margin-top: 0.5em;
   }
+
   .float-item-left-style {
     float: right;
     margin-top: 1em;
   }
-  .choose-answer-style{
-    background-color:#FAFAFA;
-    border-bottom: 1px solid #DEDEDE;
-    border-top:1px solid #DEDEDE;
-    padding:.5em;
+
+  .choose-answer-style {
+    padding: 0.5em;
+    background-color: #fafafa;
+    border-top: 1px solid #dedede;
+    border-bottom: 1px solid #dedede;
   }
 
-  .button[data-v-5aa8aec4]{
+  .button[data-v-5aa8aec4] {
     min-width: 160px;
   }
+
   .float-button-right {
     float: right;
   }
-  .accordion-panel-open{
-    margin-top:.5em;
+
+  .accordion-panel-open {
+    margin-top: 0.5em;
     font-weight: 600;
   }
-  .accordion-title{
-    margin-top:.5em;
+
+  .accordion-title {
+    margin-top: 0.5em;
   }
-  .accordion-panel{
-    margin:.5em;
+
+  .accordion-panel {
+    margin: 0.5em;
   }
-  .accordion-border-shadow{
+
+  .accordion-border-shadow {
     box-shadow: 0 0 2px 0;
   }
-  .select-all-row{
-    background-color: #FAFAFA;
-    margin-top: .5em;
+
+  .select-all-row {
+    margin-top: 0.5em;
+    background-color: #fafafa;
   }
+
   .select-all-label {
-    margin-top:.5em;
+    margin-top: 0.5em;
   }
 
   .sort-icon-style {
-    height:0px;
     float: right;
+    height: 0;
   }
 
   .side-panel-content {
+    padding: 0;
     margin-top: 0;
-    padding:0 0 0 0;
   }
-  .bottom-bar-style{
-    margin-bottom:4em;
+
+  .bottom-bar-style {
+    margin-bottom: 4em;
   }
+
+  .bottom-bar-hr {
+    width: 100%;
+    margin-top: 100px;
+  }
+
 </style>