Merge pull request #300 from vplan-fr/main

Fixed sizing issues
vplan-fr · Mar 25, 2024 · 9e109ab · 9e109ab
2 parents 249be26 + 11e2e67
commit 9e109ab
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/client/src/components/Weekplan/Lesson.svelte b/client/src/components/Weekplan/Lesson.svelte
@@ -38,7 +38,7 @@
     {/if}
     <div class="vertical-align" style="height: 100%;">
         <!-- Subject -->
-        <div class="subject extra_padding" class:changed={subject_changed} class:changed_filled_in={$settings.filled_in_buttons && subject_changed}>
+        <div class="subject" class:changed={subject_changed} class:changed_filled_in={$settings.filled_in_buttons && subject_changed}>
             {#if lesson.scheduled_class == null && lesson.current_class == null}
                 -
             {:else}
@@ -295,15 +295,17 @@
     background: none;
     text-align: center;
     border-radius: 5px;
-    line-height: normal;
   }
 
   .subject {
     white-space: nowrap;
   }
 
   .extra_padding {
-    padding: .05rem .5rem;
+    padding: .1rem .5rem;
+    @media only screen and (max-width: 900px) {
+      padding: .05rem .5rem;
+    }
     line-height: normal;
   }
 

diff --git a/client/src/components/Weekplan/Weekplan.svelte b/client/src/components/Weekplan/Weekplan.svelte
@@ -186,7 +186,7 @@
 
 <style lang="scss">
   .week {
-    --lesson-height: 4.9rem;
+    --lesson-height: 5.2rem;
     @media only screen and (max-width: 900px) {
         --lesson-height: 4rem;
     }