From fb7d7192e5c314e9a20c6bbcd8e1455c9c906d60 Mon Sep 17 00:00:00 2001
From: Lucas Cumsille M <hello@lucascm.dev>
Date: Wed, 4 Dec 2024 07:46:29 +0000
Subject: [PATCH] Improve layout for alert-page-header

---
 www/docs/style/sass/parts/_accordion.scss     | 10 ++++++
 .../templates/html/alert/index.php            | 34 +++++++++----------
 2 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/www/docs/style/sass/parts/_accordion.scss b/www/docs/style/sass/parts/_accordion.scss
index d1e88531d7..40dd26d641 100644
--- a/www/docs/style/sass/parts/_accordion.scss
+++ b/www/docs/style/sass/parts/_accordion.scss
@@ -26,6 +26,16 @@
 
     button, h2 {
         margin-bottom: 0;
+        margin-top: 0;
+    }
+
+    .alert-page-header__button-group {
+        display: flex;
+        flex-direction: row;
+        gap: 0.5rem;
+        input {
+            margin-bottom: 0;
+        }
     }
 }
 
diff --git a/www/includes/easyparliament/templates/html/alert/index.php b/www/includes/easyparliament/templates/html/alert/index.php
index 08ea52e189..3a9758743a 100644
--- a/www/includes/easyparliament/templates/html/alert/index.php
+++ b/www/includes/easyparliament/templates/html/alert/index.php
@@ -302,28 +302,28 @@
                 </form>
               </div>
               <?php } else { ?>
-              <div class="clearfix">
+
+              <div class="alert-page-header">
+                <div>
+                  <h2><?= gettext('Keywords alerts') ?></h2>
+                  <!-- Go to Create alert page -->
+                  <?php if (!$alerts) { ?>
+                    <p><?= gettext('You haven´t created any keyword alerts.') ?></p>
+                  <?php } ?>
+                </div>
+                <div class="alert-page-header__button-group">
                   <form action="<?= $actionurl ?>" method="POST" class="pull-right">
                       <input type="hidden" name="t" value="< ?= _htmlspecialchars($alert['token']) ?>">
                       <input type="submit" class="button button--negative small" name="action" value="<?= gettext('Delete All') ?>">
                   </form>
-              </div>
-
-              <div class="alert-page-header">
-                <div>
-                <h2><?= gettext('Keywords alerts') ?></h2>
-                <!-- Go to Create alert page -->
-                <?php if (!$alerts) { ?>
-                  <p><?= gettext('You haven´t created any keyword alerts.') ?></p>
-                <?php } ?>
+                  <form action="<?= $actionurl ?>" method="post">
+                      <input type="hidden" name="step" value="define">
+                      <button type="submit" class="button small" value="<?= gettext('Create new keyword alert') ?>">
+                        <span><?= gettext('Create new keyword alert') ?></span>
+                        <i aria-hidden="true" class="fi-megaphone"></i>
+                      </button>
+                  </form>
                 </div>
-                <form action="<?= $actionurl ?>" method="post">
-                    <input type="hidden" name="step" value="define">
-                    <button type="submit" class="button small" value="<?= gettext('Create new keyword alert') ?>">
-                      <span><?= gettext('Create new keyword alert') ?></span>
-                      <i aria-hidden="true" class="fi-megaphone"></i>
-                    </button>
-                </form>
               </div>
 
                 <!-- The groups alerts should be sorted by default from most recent mention to oldest one -->