Chore: Fix broken scaler section layout on smaller screen

kedacore · Jun 22, 2022 · a07d94a · a07d94a
1 parent 8d748b9
commit a07d94a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/assets/sass/card.sass b/assets/sass/card.sass
@@ -12,6 +12,9 @@
 
   &-content
     flex: 1
+
+  &-item-wrap
+    flex-wrap: wrap
 
   &.is-collapsible
     & + &

diff --git a/layouts/_default/scaler-info.html b/layouts/_default/scaler-info.html
@@ -20,13 +20,13 @@
     {{ if or $availability $maintainer }}
     <footer class="card-footer">
       {{ with $availability }}
-      <div class="card-footer-item is-spaced">
+      <div class="card-footer-item is-spaced card-item-wrap">
         Availability&nbsp;<span class="has-text-weight-bold">{{ . }}</span>
       </div>
       {{ end }}
 
       {{ with $maintainer }}
-      <div class="card-footer-item">
+      <div class="card-footer-item card-item-wrap">
         Maintainer:&nbsp;<span class="has-text-weight-bold">{{ . }}</span>
       </div>
       {{ end }}