From: Dan Brown <redacted>
Date: Sun, 3 Sep 2023 15:58:29 +0000 (+0100)
Subject: Preferences: Fixed section screen flexibility
X-Git-Tag: v23.08.1~1^2~2
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/e31b50dabdc4475ad0d45da1eefd2c3dedce7d8f

Preferences: Fixed section screen flexibility

Improved wrapping and flex control to prevent button text force wrapping
to newlines.

For #4502
---

diff --git a/resources/views/users/preferences/index.blade.php b/resources/views/users/preferences/index.blade.php
index 689628370..712fdb288 100644
--- a/resources/views/users/preferences/index.blade.php
+++ b/resources/views/users/preferences/index.blade.php
@@ -3,8 +3,8 @@
 @section('body')
     <div class="container small my-xl">
 
-        <section class="card content-wrap auto-height items-center justify-space-between gap-m flex-container-row">
-            <div>
+        <section class="card content-wrap auto-height items-center justify-space-between gap-m flex-container-row wrap">
+            <div class="flex min-width-m">
                 <h2 class="list-heading">{{ trans('preferences.shortcuts_interface') }}</h2>
                 <p class="text-muted">{{ trans('preferences.shortcuts_overview_desc') }}</p>
             </div>
@@ -14,8 +14,8 @@
         </section>
 
         @if(signedInUser() && userCan('receive-notifications'))
-            <section class="card content-wrap auto-height items-center justify-space-between gap-m flex-container-row">
-                <div>
+            <section class="card content-wrap auto-height items-center justify-space-between gap-m flex-container-row wrap">
+                <div class="flex min-width-m">
                     <h2 class="list-heading">{{ trans('preferences.notifications') }}</h2>
                     <p class="text-muted">{{ trans('preferences.notifications_desc') }}</p>
                 </div>
@@ -26,8 +26,8 @@
         @endif
 
         @if(signedInUser())
-            <section class="card content-wrap auto-height items-center justify-space-between gap-m flex-container-row">
-                <div>
+            <section class="card content-wrap auto-height items-center justify-space-between gap-m flex-container-row wrap">
+                <div class="flex min-width-m">
                     <h2 class="list-heading">{{ trans('settings.users_edit_profile') }}</h2>
                     <p class="text-muted">{{ trans('preferences.profile_overview_desc') }}</p>
                 </div>