ReadPanel alignment issues (#1756)

This style makes the table take up 100% of the width of the component and aligns the price to the right. This maximises the space between the label and the price. Fixes: #1752
internetarchive · Dec 24, 2018 · b5d8285 · b5d8285
1 parent 3acd588
commit b5d8285
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/static/css/components/read-panel.less b/static/css/components/read-panel.less
@@ -23,6 +23,15 @@
   li {
     margin: 5px 10px 0;
   }
+  table {
+    width: 100%;
+    td {
+      text-align: left;
+      &.price {
+        text-align: right;
+      }
+    }
+  }
 }
 // For the button at the top
 @import (less) "components/buttonCta.less";