Make grid layout of case details to flex/cases/show.html.erb

Author: lorenyu

template/{{app_name}}/engines/flex/app/views/flex/cases/show.html.erb

@@ -43,7 +43,9 @@
         </nav>
       </div>
 
-      <%= yield :case_details %>
+      <div class="tablet:grid-col-9">
+        <%= yield :case_details %>
+      </div>
     </div>
   </div>
 </main>

template/{{app_name}}/engines/flex/spec/dummy/app/views/passport_cases/show.html.erb

@@ -4,10 +4,8 @@
 <% end %>
 
 <% content_for :case_details do %>
-  <div class="tablet:grid-col-9">
-    <button class="usa-button">Approve</button>
-    <button class="usa-button usa-button--outline">Reject</button>
-  </div>
+  <button class="usa-button">Approve</button>
+  <button class="usa-button usa-button--outline">Reject</button>
 <% end %>
 
 <%= render template: 'flex/cases/show' %>