From d2338dee6a3da1f6897f873bb005b6e4e8d82720 Mon Sep 17 00:00:00 2001
From: vincent <vincent@sleede.com>
Date: Thu, 13 Oct 2022 18:50:53 +0200
Subject: [PATCH] (ui) Fix nav-tabs

---
 app/frontend/src/stylesheets/app.nav.scss         | 13 +++++++++++++
 app/frontend/templates/admin/trainings/index.html |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/frontend/src/stylesheets/app.nav.scss b/app/frontend/src/stylesheets/app.nav.scss
index 1ddef5cfd..519645f96 100644
--- a/app/frontend/src/stylesheets/app.nav.scss
+++ b/app/frontend/src/stylesheets/app.nav.scss
@@ -527,6 +527,19 @@
   }
 }
 
+.nav {
+  &.nav-tabs {
+    display: flex;
+    & > li {
+      flex: 1;
+      width: auto;
+      display: block;
+      float: none;
+      a { height: 100%; }
+    }
+  }
+}
+
 // overrides bootstrap
 .nav-justified > li, .nav-tabs.nav-justified > li {
   cursor: pointer;
diff --git a/app/frontend/templates/admin/trainings/index.html b/app/frontend/templates/admin/trainings/index.html
index 48cae7e1e..a809c83eb 100644
--- a/app/frontend/templates/admin/trainings/index.html
+++ b/app/frontend/templates/admin/trainings/index.html
@@ -5,13 +5,13 @@
         <a ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
       </section>
     </div>
-    <div class="col-xs-10 col-sm-10 col-md-8 b-l b-r">
+    <div class="col-xs-10 col-sm-10 col-md-8 b-l b-r-md">
       <section class="heading-title">
         <h1 translate>{{ 'app.admin.trainings.trainings_monitoring' }}</h1>
       </section>
     </div>
 
-    <div class="col-md-3">
+    <div class="col-xs-12 col-sm-12 col-md-3 b-t hide-b-md">
       <section class="heading-actions wrapper">
         <a role="button" ui-sref="app.admin.calendar" class="btn btn-lg btn-default rounded m-t-sm text-sm">
           <i class="fa fa-calendar-check-o m-r" aria-hidden="true"></i><span translate>{{ 'app.admin.trainings.plan_session' }}</span>