fix cancellation style

bangkokrb · Nov 7, 2023 · 2c5a19a · 2c5a19a
1 parent 2764973
commit 2c5a19a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/frontend/stylesheets/components/_card-talk.scss b/frontend/stylesheets/components/_card-talk.scss
@@ -9,7 +9,7 @@
       font-size: map-get(variables.$font-sizes, 'xl');
     }
 
-    > a:not(:hover) {
+    >a:not(:hover) {
       color: variables.$base-font-color;
       text-decoration: none;
     }
@@ -35,10 +35,15 @@
     border-radius: 50%;
   }
 
-  &__profile + &__info {
+  &__profile+&__info {
     padding-left: 0.5rem;
   }
 
+  &__cancellation {
+    margin-top: 1rem;
+    font-size: smaller;
+  }
+
   &__social {
     &-icon.icon {
       width: calc(2rem * 0.65);
@@ -54,7 +59,7 @@
   }
 
   // For dual speaker talks
-  & + & {
+  &+& {
     margin-top: 0.5rem;
- }
-}
+  }
+}
diff --git a/src/_components/card_talk.liquid b/src/_components/card_talk.liquid
@@ -36,11 +36,11 @@
         </a>
       </div>
       {% endif %}
-      {% if event.cancellation_note %}
-      <div class="card-talk__cancellation">
-        <small>{{ event.cancellation_note }}</small>
-      </div>
-    {% endif %}
     </div>
   </div>
+  {% if event.cancellation_note %}
+    <div class="card-talk__cancellation">
+      {{ event.cancellation_note }}
+    </div>
+  {% endif %}
 </div>