Make more room for long values in DL

Using flex box to be more flexible (pun intended) with long keys in the order summary.
solidusio · Apr 22, 2022 · 6bff1c4 · 6bff1c4
1 parent 6b712ee
commit 6bff1c4
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/backend/vendor/assets/stylesheets/solidus_admin/bootstrap/mixins/_lists.scss b/backend/vendor/assets/stylesheets/solidus_admin/bootstrap/mixins/_lists.scss
@@ -7,27 +7,28 @@
 }
 
 dl {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
   width: 100%;
   overflow: hidden;
   margin: 5px 0;
   color: lighten($body-color, 15);
 
   dt,
   dd {
-    float: left;
+    min-width: 40%;
     line-height: 16px;
     padding: 5px;
   }
 
   dt {
-    width: 40%;
     font-weight: $font-weight-bold;
     padding-left: 0;
-    clear: left;
   }
 
   dd {
-    width: 60%;
+    text-align: right;
     padding-right: 0;
     margin-left: 0;
   }