From 6e67443ea4dedd8b1b6a85d8d59e3020bd73bdf1 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Thu, 16 Feb 2023 14:23:42 +0200
Subject: [PATCH] feat: small UI adjustments

---
 .../relay-details/relay-details.html          | 52 ++++++++++---------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/static/components/relay-details/relay-details.html b/static/components/relay-details/relay-details.html
index 96df833..92b5f15 100644
--- a/static/components/relay-details/relay-details.html
+++ b/static/components/relay-details/relay-details.html
@@ -526,7 +526,7 @@
     </q-tab-panel>
     <q-tab-panel name="accounts">
       <div v-if="relay">
-        <q-card
+        <q-card class="q-mr-lg q-mb-md"
           ><q-card-section>
             <div class="row items-center no-wrap q-mb-md">
               <div class="col-2 q-pr-lg">Public Key:</div>
@@ -559,30 +559,32 @@
             </div>
           </q-card-section>
         </q-card>
-        <q-separator></q-separator>
-        <div class="row items-center no-wrap q-mb-md">
-          <div class="col-3 q-pr-lg">Filter:</div>
-          <div class="col-9 q-pr-lg">
-            <q-toggle
-              size="sm"
-              color="secodary"
-              class="q-mr-lg"
-              v-model="showAllowedAccounts"
-              @input="getAccounts()"
-              >Show Allowed Account</q-toggle
-            >
-            <q-toggle
-              size="sm"
-              color="secodary"
-              class="q-mr-lg"
-              v-model="showBlockedAccounts"
-              @input="getAccounts()"
-            >
-              Show Blocked Accounts</q-toggle
-            >
-          </div>
-        </div>
-        <q-separator></q-separator>
+        <q-card class="q-mr-lg q-mb-dm"
+          ><q-card-section>
+            <div class="row items-center no-wrap q-mb-md">
+              <div class="col-3 q-pr-lg">Filter:</div>
+              <div class="col-9 q-pr-lg">
+                <q-toggle
+                  size="sm"
+                  color="secodary"
+                  class="q-mr-lg"
+                  v-model="showAllowedAccounts"
+                  @input="getAccounts()"
+                  >Show Allowed Account</q-toggle
+                >
+                <q-toggle
+                  size="sm"
+                  color="secodary"
+                  class="q-mr-lg"
+                  v-model="showBlockedAccounts"
+                  @input="getAccounts()"
+                >
+                  Show Blocked Accounts</q-toggle
+                >
+              </div>
+            </div>
+          </q-card-section></q-card
+        >
         <div class="row items-center no-wrap q-mb-md">
           <div class="col-12 q-pr-lg">
             <q-table