0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-07 01:30:06 +00:00

Preferences: Fixed section screen flexibility

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

For 
This commit is contained in:
Dan Brown 2023-09-03 16:58:29 +01:00
parent 817581aa0c
commit e31b50dabd
No known key found for this signature in database
GPG key ID: 46D9F943C24A2EF9

View file

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