Made users header interface more adaptable
Search input was stacking on create button on default desktop view due when viewing in russian due to combined width exceeding container. Made into normal flexbox instead. Closes #2147
This commit is contained in:
parent
0c16334426
commit
a3a8fef6b2
2 changed files with 6 additions and 3 deletions
|
@ -157,6 +157,9 @@ body.flexbox {
|
||||||
.justify-center {
|
.justify-center {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
.justify-space-between {
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
.items-center {
|
.items-center {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,11 +9,11 @@
|
||||||
|
|
||||||
<main class="card content-wrap">
|
<main class="card content-wrap">
|
||||||
|
|
||||||
<div class="grid right-focus v-center">
|
<div class="flex-container-row wrap justify-space-between items-center">
|
||||||
<h1 class="list-heading">{{ trans('settings.users') }}</h1>
|
<h1 class="list-heading">{{ trans('settings.users') }}</h1>
|
||||||
|
|
||||||
<div class="text-right">
|
<div>
|
||||||
<div class="block inline mr-s">
|
<div class="block inline mr-xs">
|
||||||
<form method="get" action="{{ url("/settings/users") }}">
|
<form method="get" action="{{ url("/settings/users") }}">
|
||||||
@foreach(collect($listDetails)->except('search') as $name => $val)
|
@foreach(collect($listDetails)->except('search') as $name => $val)
|
||||||
<input type="hidden" name="{{ $name }}" value="{{ $val }}">
|
<input type="hidden" name="{{ $name }}" value="{{ $val }}">
|
||||||
|
|
Loading…
Reference in a new issue