Right-aligning chips

Bram-Hub · Jul 19, 2022 · 74040b9 · 74040b9
1 parent c7dd3d8
commit 74040b9
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/frontend/src/components/CourseTableCourse.vue b/frontend/src/components/CourseTableCourse.vue
@@ -20,8 +20,7 @@
                             color="primary"
                             value="primary"
                             hide-details
-                            class="d-inline-block ma-0 float-right"
-                            style="z-index: 99"
+                            class="d-inline-block ma-0 float-right checkbox"
                         />
                         {{ course.name }}
                     </h1>
@@ -31,7 +30,7 @@
                             / {{ el }}
                         </label>
                         <CourseTableModifiers
-                            class="mt-4 class-card__subtitle__modifiers"
+                            class="mt-4 class-card__subtitle__modifiers float-right"
                             :class="{graphChange:graphView}"
                             :item="course"
                         />
@@ -134,6 +133,10 @@ export default {
 .v-tooltip__content {
   opacity: 2.0;
 }
+.checkbox {
+    transform: scale(0.8);
+    transform-origin: top-left;
+ }
 .class-card {
     /* max-width: 700px; */
     border-radius: 0;
@@ -154,8 +157,8 @@ export default {
         display: block;
 
         .class-card__subtitle__modifiers {
-            transform: scale(0.75);
-            transform-origin: bottom left;
+            transform: scale(0.90);
+            transform-origin: top right;
             display: inline-block;
 
             position: relative;