From b56073c0719ffc60050f60002b460c796278bdcf Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 4 May 2020 13:56:23 +0200
Subject: [PATCH] Group insert buttons in the backend calendar to a button
 dropdown so that more space is available in the toolbar.

---
 application/views/backend/calendar.php | 38 ++++++++++++++++----------
 assets/css/backend.css                 |  3 +-
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/application/views/backend/calendar.php b/application/views/backend/calendar.php
index 55d04d2f..a4919af9 100755
--- a/application/views/backend/calendar.php
+++ b/application/views/backend/calendar.php
@@ -42,7 +42,7 @@
 </script>
 
 <div id="calendar-page" class="container-fluid">
-    <div id="calendar-toolbar">
+    <div class="row" id="calendar-toolbar">
         <div id="calendar-filter" class="form-inline col-xs-12 col-sm-5">
             <div class="form-group">
                 <label for="select-filter-item"><?= lang('display_calendar') ?></label>
@@ -68,20 +68,28 @@
             <?php endif ?>
 
             <?php if ($privileges[PRIV_APPOINTMENTS]['add'] == TRUE): ?>
-                <button id="insert-appointment" class="btn btn-default" title="<?= lang('new_appointment_hint') ?>">
-                    <span class="glyphicon glyphicon-plus"></span>
-                    <?= lang('appointment') ?>
-                </button>
-
-                <button id="insert-unavailable" class="btn btn-default" title="<?= lang('unavailable_periods_hint') ?>">
-                    <span class="glyphicon glyphicon-plus"></span>
-                    <?= lang('unavailable') ?>
-                </button>
-
-                <button id="insert-extra-period" class="btn btn-default" title="<?= lang('extra_periods_hint') ?>">
-                    <span class="glyphicon glyphicon-plus"></span>
-                    <?= lang('extra_period') ?>
-                </button>
+                <div class="btn-group">
+                    <button class="btn btn-default" type="button" id="insert-appointment">
+                        <span class="glyphicon glyphicon-plus"></span>
+                        <?= lang('appointment') ?>
+                    </button>
+                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                        <span class="caret"></span>
+                        <span class="sr-only">Toggle Dropdown</span>
+                    </button>
+                    <ul class="dropdown-menu">
+                        <li>
+                            <a href="#" id="insert-unavailable">
+                                <?= lang('unavailable') ?>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#" id="insert-extra-period">
+                                <?= lang('extra_period') ?>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
             <?php endif ?>
 
             <button id="reload-appointments" class="btn btn-default" title="<?= lang('reload_appointments_hint') ?>">
diff --git a/assets/css/backend.css b/assets/css/backend.css
index 6ef04e56..a31b4ed5 100644
--- a/assets/css/backend.css
+++ b/assets/css/backend.css
@@ -278,8 +278,7 @@ body legend {
     border-radius: 3px;
     background: #3A3A3A;
     padding: 5px;
-    margin-bottom: 15px;
-    overflow: auto;
+    margin: 0 0 15px;
     color: white;
 }