Merge pull request #220 from lsa-mis/review-styles-on-index-pages

Review styles on index pages

app/views/rooms/show.html.erb

@@ -1,4 +1,5 @@
-<div class="py-3">
+<div class="container-fluid">
+
   <div class="d-flex flex-row justify-content-between align-items-center mb-3">
     <h1>Room: <%= @room.full_name  %></h1>
     <div class="d-flex align-items-end flex-column gap-1">
@@ -9,8 +10,8 @@
 
   <%= render @room %>
 
-  <div class="py-3 w-50">
-    <div class="d-flex flex-row align-items-center justify-content-between">
+  <div class="w-75">
+    <div class="d-flex flex-row align-items-center gap-4">
       <h2>Common Attributes</h2>
       <%= link_to common_attributes_path, class: 'text-primary link-underline-primary link-underline-opacity-0 link-underline-opacity-100-hover' do %>
         Edit Common Attributes <i class="bi bi-pencil-square text-primary"></i>
@@ -19,8 +20,8 @@
     <%= render 'attributes_list', attributes: @common_attributes %>
   </div>
 
-  <div class="py-3 w-50">
-    <div class="d-flex flex-row align-items-center justify-content-between">
+  <div class="w-75">
+    <div class="d-flex flex-row align-items-center gap-4">
       <h2>Specific Attributes</h2>
       <%= link_to room_specific_attributes_path(@room), class: 'text-primary link-underline-primary link-underline-opacity-0 link-underline-opacity-100-hover' do %>
         Edit Specific Attributes <i class="bi bi-pencil-square text-primary"></i>
@@ -29,15 +30,15 @@
     <%= render 'attributes_list', attributes: @room.active_specific_attributes %>
   </div>
 
-  <div class="py-3 w-50">
+  <div class="w-75">
     <div class="d-flex flex-row align-items-center justify-content-between">
       <h2>Resources</h2>
     </div>
     <%= render 'resources_list', resources: @room.active_resources %>
   </div>
 
   <% if is_admin? %>
-    <div class="">
+    <div class="w-75">
       <h2>Notes:</h2>
       <%= turbo_frame_tag "new_note" do %>
         <%= render "notes/form", note: @new_note %>