set max-width to 960px for .container

yorkulibraries · Nov 18, 2024 · 7d61e45 · 7d61e45
1 parent 6833162
commit 7d61e45
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -23,6 +23,10 @@ body {
   background: #fffefe;
 }
 
+.container {
+  max-width: 960px;
+}
+
 .bg-primary { background-color: $red !important; }
 
 .btn {

diff --git a/app/views/home/_fee_listing.html.erb b/app/views/home/_fee_listing.html.erb
@@ -3,7 +3,7 @@
     <div class="h4 text-muted">
       <%= fee.fee_description %>
     </div>
-    <div class="text-muted"><%= fee.item_title %></div>
+    <div class="text-muted text-truncate"><%= fee.item_title %></div>
   </div>
   <div class="col-12 col-md-3">
     <div class="h4 text-muted">

diff --git a/app/views/process_payments/new.html.erb b/app/views/process_payments/new.html.erb
@@ -7,7 +7,7 @@
           <div class="h4 text-muted">
             <%= record.fee.fee_description %>
           </div>
-          <div class="text-muted"><%= record.fee.item_title %></div>
+          <div class="text-muted text-truncate"><%= record.fee.item_title %></div>
         </div>
         <div class="col-3 col-md-auto">
           <div class="h4 text-muted">

diff --git a/app/views/transactions/_transaction.html.erb b/app/views/transactions/_transaction.html.erb
@@ -1,8 +1,8 @@
 <div class="mb-5">
-  <h3 class="border-bottom border-2 mb-4 h2"><%= format_date transaction.created_at %></h3>
+  <h3 class="border-bottom border-2 mb-4 h2 text-muted"><%= transaction.created_at.strftime("%A, %b %d %I:%M:%S %p") %></h3>
 
   <div class="row">
-    <div class="col-12 col-md-9">
+    <div class="col-12 col-md-8">
       <% transaction.records.each do |record| %>
       <div class="mb-4">
           <div class="h4 text-muted">
@@ -12,11 +12,11 @@
               <span class="badge bg-secondary"><%= number_to_currency record.fee.balance %></span>
             <% end %>
           </div>
-          <div class="text-muted"><%= record.fee.nil? || record.fee.item_title.nil? ? 'Item title not available.' : record.fee.item_title %></div>
+          <div class="text-muted text-truncate"><%= record.fee.nil? || record.fee.item_title.nil? ? 'Item title not available.' : record.fee.item_title %></div>
       </div>
       <% end %>
     </div>
-    <div class="col-12 col-md-3">
+    <div class="col-12 col-md-4">
       <div class="card">
         <h5 class="card-header text-white <%= 'bg-success' if ['APPROVED', 'PAID'].include?(transaction.status) %> <%= 'bg-info' if ['PROCESSING'].include?(transaction.status) %><%= 'bg-danger' if ['CANCELLED', 'DECLINED'].include?(transaction.status) %>">
           <%= transaction.status %>