fix css and html structure

build/css/site.css

@@ -224,6 +224,10 @@ div.megamenu ul.megamenu li.megamenu.level1
 	color: #335012!important;
 }
 
+.filters-width {
+	width: 192px;
+}
+
 @font-face {
     font-family: 'noto_sanscondensed';
     src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot');

resources/views/Shop/Articles/partials/article.blade.php

@@ -1,17 +1,17 @@
 <a href="{{ route('Shop.Articles.show', ['id' => $article['semences']['article_id'] ?? false ]) }}" class="{{ ($product_type == 'botanic') ? 'green-dark' : 'green-dark' }}">
-	<div class="card {{ (($article_nature  ?? false) == 'semences') ? 'bg-yellow' : 'bg-green-dark' }}">
+	<div class="card">
 		<img src="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}" class="card-img-top" alt="{{ $product_name }}">
 		<div class="card-body p-2 pb-1">
 			<div class="row card-title">
-				<div class="col-12 light">
+				<div class="col-12 green">
-					<!--
-					<i class="fa fa-heart red"></i>
-					-->
 					<div class="text-truncate mb-0" style="font-size: 1.3em;">{{ $article['parent_name'] }}</div>
 					<div class="text-truncate">{{ $article['product_name'] }}</div>
 				</div>
 			</div>
 			@include('Shop.Articles.partials.article_' . $product_type)
+			<button type="button" class="btn btn-link bg-green text-white w-100">
+				Ajout rapide
+			</button>
 		</div>
 	</div>
 </a>

resources/views/Shop/Shelves/partials/display-type.blade.php

@@ -0,0 +1,15 @@
+@include('components.form.button', [
+    'id' => 'by_cards',
+    'icon' => 'fa-th',
+    'style' => ($display_by_rows ?? false) ? ' font-size: x-small;' : '',
+    'class' => 'btn-secondary',
+    'title' => 'Vue par vignettes',
+])
+
+@include('components.form.button', [
+    'id' => 'by_rows',
+    'icon' => 'fa-list',
+    'style' => (!$display_by_rows ?? true) ? ' font-size: x-small;' : '',
+    'class' => 'btn-secondary',
+    'title' => 'Vue par lignes',
+])

resources/views/Shop/Shelves/shelve.blade.php

@@ -10,13 +10,18 @@
 		<input type="hidden" id="article_nature" name="article_nature" value="{{ $article_nature ?? false }}">
 
 		<div class="row mb-3">
+			<div class="col-9">
+				@include('Shop.Shelves.partials.breadcrumb')
+			</div>
+			<div class="col-3 text-right">
+				@include('Shop.Shelves.partials.display-type')
+			</div>
+		</div>
+		<div class="row">
 			<div class="col-3">
 				@include('Shop._partials.display_filters')
 			</div>
-			<div class="col-6">
+			<div class="col-9">
-				@include('Shop.Shelves.partials.breadcrumb')
-			</div>
-			<div class="col-3">
 				@include('Shop.Shelves.partials.category_add')					
 			</div>
 		</div>

resources/views/Shop/Tags/partials/filter.blade.php

@@ -42,6 +42,8 @@
             $('#sidebar').toggleClass('d-none');
             $('#filter-on').toggleClass('d-none');
             $('#filter-off').toggleClass('d-none');
+            $('#filter-off-text').toggleClass('d-none');
+            $('#filters').toggleClass('filters-width');
         });
         $('.filter_tags input').change(function() {
             $('#category-form').submit();

resources/views/Shop/_partials/display_filters.blade.php

@@ -1,5 +1,5 @@
 @if (!($no_filter ?? false))
-    <button type="button" class="btn btn-success" id="filters" title="Filtres" data-toggle="tooltip">
+    <button type="button" class="btn bg-green text-white" id="filters" title="Filtres" data-toggle="tooltip">
         <span id="filter-on" class="fa fa-fw @if ($filter_on ?? false) d-none" @endif">
             <i class="fa fa-filter"></i>
         </span>
@@ -7,22 +7,6 @@
             <i class="fa fa-stack-1x fa-filter"></i>
             <i class="fa fa-stack-2x fa-ban" style="color:Tomato"></i>
         </span>
+        <span id="filter-off-text" class="@if (!($filter_on ?? false)) d-none @endif"> Cacher les filtres</span>
     </button>
 @endif
-
-@if ($display_by_rows ?? false)
-    @include('components.form.button', [
-        'id' => 'by_cards',
-        'icon' => 'fa-th',
-        'class' => 'btn-secondary',
-        'title' => 'Vue par vignettes',
-    ])
-@else
-    @include('components.form.button', [
-        'id' => 'by_rows',
-        'icon' => 'fa-list',
-        'class' => 'btn-secondary',
-        'title' => 'Vue par lignes',
-    ])
-@endif
-

resources/views/Shop/layout/partials/megamenu.blade.php

@@ -26,17 +26,17 @@
         </div>
         <div class="col mb-4">
             @for ($i = 0; $i < count($submenu[3]); $i++)
-                @include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
+                @include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[3][$i]])
             @endfor
         </div>
         <div class="col mb-4">
             @for ($i = 0; $i < count($submenu[4]); $i++)
-                @include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
+                @include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[4][$i]])
             @endfor
         </div>
         <div class="col mb-4">
             @for ($i = 0; $i < count($submenu[5]); $i++)
-                @include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
+                @include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[5][$i]])
             @endfor
         </div>
     </div>

resources/views/components/form/button.blade.php

@@ -1,5 +1,6 @@
 <button type="{{ $type ?? 'button' }}" class="btn {{ $class ?? ''}}"
-	@isset($id) id="{{ $id }}" @endisset
+    @isset($style) style="{{ $style }}" @endisset
+    @isset($id) id="{{ $id }}" @endisset
 	@isset($data_id) data-id="{{ $data_id }}" @endisset
     @isset($dataId) data-id="{{ $dataId }}" @endisset
 	@isset($title) title="{{ $title }}" data-toggle="tooltip" @endisset