From 146a74761ae37d6d678a1068d6c7b02fb8bd0bcf Mon Sep 17 00:00:00 2001
From: Arc <33088785+arcbtc@users.noreply.github.com>
Date: Thu, 19 Dec 2024 14:14:30 +0000
Subject: [PATCH] feat: standardises top spacing of page layout (#2848)

---
 lnbits/core/templates/admin/index.html     |  2 +-
 lnbits/core/templates/audit/index.html     |  2 +-
 lnbits/core/templates/core/extensions.html | 35 ++++++++++++----------
 3 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/lnbits/core/templates/admin/index.html b/lnbits/core/templates/admin/index.html
index 9970d6cd..224c3e91 100644
--- a/lnbits/core/templates/admin/index.html
+++ b/lnbits/core/templates/admin/index.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %} {% from "macros.jinja" import window_vars with context
 %} {% block page %}
 <div class="row q-col-gutter-md justify-center">
-  <div class="col q-my-md">
+  <div class="col q-mb-md">
     <q-btn
       :label="$t('save')"
       color="primary"
diff --git a/lnbits/core/templates/audit/index.html b/lnbits/core/templates/audit/index.html
index c2cf2c1c..d60152cb 100644
--- a/lnbits/core/templates/audit/index.html
+++ b/lnbits/core/templates/audit/index.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %} {% from "macros.jinja" import window_vars with context
 %} {% block page %}
 
-<div class="row q-col-gutter-md justify-center q-mb-xl">
+<div class="row q-col-gutter-md justify-center q-mb-lg">
   <div class="col-lg-3 col-md-6 col-sm-12 text-center">
     <q-card class="q-pt-sm">
       <strong>Components</strong>
diff --git a/lnbits/core/templates/core/extensions.html b/lnbits/core/templates/core/extensions.html
index 209cfe14..b4f2f255 100644
--- a/lnbits/core/templates/core/extensions.html
+++ b/lnbits/core/templates/core/extensions.html
@@ -1,21 +1,5 @@
 {% extends "base.html" %} {% from "macros.jinja" import window_vars with context
 %} {{ window_vars(user, extensions) }}{% block page %}
-<div class="row q-col-gutter-md q-mb-md">
-  <div class="col-sm-9 col-xs-12">
-    <p class="text-h4 gt-sm" v-text="$t('extensions')"></p>
-  </div>
-
-  <div class="col-sm-3 col-xs-12 q-ml-auto">
-    <q-input v-model="searchTerm" :label="$t('search_extensions')">
-      <q-icon
-        v-if="searchTerm !== ''"
-        name="close"
-        @click="searchTerm = ''"
-        class="cursor-pointer"
-      />
-    </q-input>
-  </div>
-</div>
 
 <div class="row q-col-gutter-md q-mb-md">
   <div class="col-12">
@@ -36,6 +20,25 @@
               v-text="$t('only_admins_can_install')"
             ></i>
             <q-space></q-space>
+            <q-input
+              :label="$t('search_extensions')"
+              :dense="dense"
+              class="float-right q-pr-xl"
+              v-model="searchTerm"
+            >
+              <template v-slot:before>
+                <q-icon name="search"> </q-icon>
+              </template>
+              <template v-slot:append>
+                <q-icon
+                  v-if="searchTerm !== ''"
+                  name="close"
+                  @click="searchTerm = ''"
+                  class="cursor-pointer"
+                >
+                </q-icon>
+              </template>
+            </q-input>
             <q-badge
               v-if="g.user.admin && updatableExtensions?.length"
               @click="showUpdateAllDialog = true"