Internal: Improve display settings search results

src/CoreBundle/Resources/views/Admin/Settings/actions.html.twig

@@ -1,6 +1,6 @@
 {% macro create(url) %}
-<div class="form-actions">
-    <button type="submit" class="btn btn--primary btn-lg">
+<div class="form-actions flex">
+    <button type="submit" class="btn btn--primary btn-lg mr-4">
         <i class="glyphicon glyphicon-ok"></i> {{ 'Create'|trans }}
     </button>
     <a href="{{ app.request.headers.get('referer', url) }}" class="btn btn--danger btn-lg">
@@ -10,8 +10,8 @@
 {% endmacro %}
 
 {% macro update(url) %}
-<div class="form-actions">
-    <button type="submit" class="btn btn--primary btn-lg">
+<div class="form-actions flex">
+    <button type="submit" class="btn btn--primary btn-lg mr-4">
         <i class="glyphicon glyphicon-save"></i> {{ 'Save settings'|trans }}
     </button>
     <a href="{{ app.request.headers.get('referer', url) }}" class="btn btn--danger btn-lg">

src/CoreBundle/Resources/views/Admin/Settings/search.html.twig

@@ -3,45 +3,40 @@
 {% set namespace = app.request.get('namespace') %}
 
 {% block content %}
-    <div class="row">
-        <div class="col-xs-3 col-md-3">
+    <div class="flex">
+        <div class="w-1/5">
         {% include '@ChamiloCore/Admin/Settings/menu.html.twig' %}
         </div>
-        <div class="col-xs-9 col-md-9">
-            <div class="page-header">
-                <h3>{{ keyword }}</h3>
-            </div>
-
-            <form class="form--inline"
-                  action="{{ path('chamilo_platform_settings_search', {'keyword': keyword}) }}"
-                  method="post"
-            >
-                {{ form_widget(search_form) }}
-            </form>
-            {#<div class="page-header">#}
-                {#<h3>{{ namespace }} {{ 'Settings' | trans }}</h3>#}
-            {#</div>#}
-            <hr />
-            <div class="row">
-                {% for category, form in form_list %}
-                <div class="col-md-12">
-                    <h4>{{ category | trans }}</h4>
-                    <div class="box box-primary">
-                        <div class="box-body">
-                            {{ form_errors(form) }}
-                            <form
-                                class="form-horizontal"
-                                action="{{ path('chamilo_platform_settings', {'namespace': category, 'keyword': keyword} ) }}"
-                                method="post"
-                                novalidate
-                            >
-                                {{ form_rest(form) }}
-                                {{ update() }}
-                            </form>
+        <div class="w-4/5">
+            <div class="q-card p-4">
+                <form class="w-full form-horizontal"
+                      action="{{ path('chamilo_platform_settings_search', {'keyword': keyword}) }}"
+                      method="post"
+                >
+                    {{ form_widget(search_form) }}
+                </form>
+                <hr />
+                <div class="row">
+                    {% for category, form in form_list %}
+                    <div class="col-md-12">
+                        <h4>{{ category | trans }}</h4>
+                        <div class="box box-primary">
+                            <div class="box-body">
+                                {{ form_errors(form) }}
+                                <form
+                                    class="form-horizontal"
+                                    action="{{ path('chamilo_platform_settings', {'namespace': category, 'keyword': keyword} ) }}"
+                                    method="post"
+                                    novalidate
+                                >
+                                    {{ form_rest(form) }}
+                                    {{ update() }}
+                                </form>
+                            </div>
                         </div>
                     </div>
+                    {% endfor %}
                 </div>
-                {% endfor %}
             </div>
         </div>
     </div>