From b5387bddc1b3e5d009ed2c5422b7b679e4cbc619 Mon Sep 17 00:00:00 2001
From: Ryszard Knop <dragoon@dragonic.eu>
Date: Sat, 7 Sep 2024 11:34:01 +0200
Subject: [PATCH] Set layout push/pull breakpoints to medium for alignment with
 columns

The new asset/consumable/user layout introduced in 95a0f3dbe5d307fe and
a few related commits splits the view into two blocks. On breakpoints
XS and SM they're full-width 12-cell containers, while on MD, LG, XL
they are 3-cell wide for the button column and 9-cell wide for the
details table. Then, extra Bootstrap classes are used to push/pull them
so that the button column is on the right.

The push/pull classes were used with the SM breakpoint, while content
was still 12-cell wide. This results in the SM breakpoint layout being
broken - this commit makes these use the MD breakpoint instead.
---
 resources/views/account/view-assets.blade.php | 4 ++--
 resources/views/consumables/view.blade.php    | 4 ++--
 resources/views/hardware/view.blade.php       | 4 ++--
 resources/views/users/view.blade.php          | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/views/account/view-assets.blade.php b/resources/views/account/view-assets.blade.php
index b973ad2bd0ab..df390e4c6dfc 100755
--- a/resources/views/account/view-assets.blade.php
+++ b/resources/views/account/view-assets.blade.php
@@ -91,7 +91,7 @@
 
 
               <!-- Start button column -->
-              <div class="col-md-3 col-xs-12 col-sm-push-9">
+              <div class="col-md-3 col-xs-12 col-md-push-9">
 
 
 
@@ -146,7 +146,7 @@
 
               <!-- End button column -->
 
-              <div class="col-md-9 col-xs-12 col-sm-pull-3">
+              <div class="col-md-9 col-xs-12 col-md-pull-3">
 
                 <div class="row-new-striped">
 
diff --git a/resources/views/consumables/view.blade.php b/resources/views/consumables/view.blade.php
index 7cfbef244592..df52391dd13e 100644
--- a/resources/views/consumables/view.blade.php
+++ b/resources/views/consumables/view.blade.php
@@ -85,7 +85,7 @@
             <div class="row">
 
               <!-- Start button column -->
-              <div class="col-md-3 col-xs-12 col-sm-push-9">
+              <div class="col-md-3 col-xs-12 col-md-push-9">
 
                 @if ($consumable->image!='')
                   <div class="col-md-12 text-center" style="padding-bottom: 20px;">
@@ -151,7 +151,7 @@
 
               <!-- End button column -->
 
-              <div class="col-md-9 col-xs-12 col-sm-pull-3">
+              <div class="col-md-9 col-xs-12 col-md-pull-3">
 
                 <div class="row-new-striped" style="margin: 0px;">
 
diff --git a/resources/views/hardware/view.blade.php b/resources/views/hardware/view.blade.php
index 42144fc20cbf..b89c29474cfc 100755
--- a/resources/views/hardware/view.blade.php
+++ b/resources/views/hardware/view.blade.php
@@ -162,7 +162,7 @@
                             @endif
                         <div class="info-stack-container">
                             <!-- Start button column -->
-                            <div class="col-md-3 col-xs-12 col-sm-push-9 info-stack">
+                            <div class="col-md-3 col-xs-12 col-md-push-9 info-stack">
 
                                 <div class="col-md-12 text-center">
                                     @if (($asset->image) || (($asset->model) && ($asset->model->image!='')))
@@ -365,7 +365,7 @@
 
                             <!-- End button column -->
 
-                            <div class="col-md-9 col-xs-12 col-sm-pull-3 info-stack">
+                            <div class="col-md-9 col-xs-12 col-md-pull-3 info-stack">
 
                                 <div class="row-new-striped">
 
diff --git a/resources/views/users/view.blade.php b/resources/views/users/view.blade.php
index 74856e3ace9a..fbb42debd1a4 100755
--- a/resources/views/users/view.blade.php
+++ b/resources/views/users/view.blade.php
@@ -161,7 +161,7 @@
             @endif
         <div class="info-stack-container">
             <!-- Start button column -->
-            <div class="col-md-3 col-xs-12 col-sm-push-9 info-stack">
+            <div class="col-md-3 col-xs-12 col-md-push-9 info-stack">
 
               
 
@@ -304,7 +304,7 @@
  
             <!-- End button column -->
           
-            <div class="col-md-9 col-xs-12 col-sm-pull-3 info-stack">
+            <div class="col-md-9 col-xs-12 col-md-pull-3 info-stack">
 
                <div class="row-new-striped">