Merge pull request #1366 from YaleSTC/1363_availability_display

[1363] Fix overflowing availability number
YaleSTC · Jan 3, 2016 · 6d94374 · 6d94374
2 parents eed946e + ac5a3c6
commit 6d94374
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/app/assets/stylesheets/catalog/_index.css.scss b/app/assets/stylesheets/catalog/_index.css.scss
@@ -38,6 +38,11 @@
   margin-bottom: 19px;
 }
 
+.availability-num {
+  @include giant-number;
+  text-align: center;
+}
+
 .caption_cat { padding: 0px 9px 0px 9px; }
 
 a.not-qualified-icon {

diff --git a/app/views/catalog/_equipment_model_div.html.erb b/app/views/catalog/_equipment_model_div.html.erb
@@ -7,13 +7,13 @@
   </h4>
 
   <hr class="special-hr"/>
-    <div class="col-md-2">
-      <span class="giant-numbers" id="availability_<%= equipment_model.id %>">
+    <div class="col-md-3 availability-num">
+      <span id="availability_<%= equipment_model.id %>">
         <%= availability_hash[equipment_model.id] %>
       </span>
     </div>
 
-    <p class="model_availability col-md-10">
+    <p class="model_availability col-md-9">
       <%= available_string %>
     </p>