some styling tweaks

Author: arcbtc

index.html

@@ -197,61 +197,55 @@ <h1 class="ud-hero-title" style="margin-bottom: 0px">
                 stack.
               </p>
 
-              <div class="row ud-hero-buttons text-center">
-                <div class="col-12 mt-3">
-                  <q-btn
-                  no-caps
-                    style="background-color: #FF1EE6" 
-                    text-color="black"
-                    type="a"
-                    href="https://my.lnbits.com"
-                    label="Launch"
-                    size="lg"
-                    :dense="$q.screen.lt.md"
-                  >
-                  <q-tooltip>Launch your own LNbits instance</q-tooltip>
-                </q-btn>
-                  <q-btn
-                  no-caps
-                    color="white"
-                    text-color="black"
-                    type="a"
-                    href="https://v1.lnbits.com"
-                    label="Demo"
-                    class="q-ml-sm"
-                    size="lg"
-                    :dense="$q.screen.lt.md"
-                    >
-                    <q-tooltip>Try the LNbits Demo server (For testing only)</q-tooltip>
-                  </q-btn>
-                  <q-btn
-                  no-caps
-                  color="white"
-                  text-color="black"
-                  type="a"
-                  href="https://extensions.lnbits.com"
-                  label="Extensions"
-                  class="q-ml-sm gt-sm"
-                  size="lg"
-                  :dense="$q.screen.lt.md"
-                  >
-                  <q-tooltip>Checkout the extensions in LNbits</q-tooltip>
-                </q-btn>
-                <q-btn
-                no-caps
+            </div>
+            <div class="q-pb-lg flex justify-center">
+              <q-btn
+              no-caps
+                style="background-color: #FF1EE6" 
+                text-color="black"
+                type="a"
+                href="https://my.lnbits.com"
+                label="Launch"
+                size="lg"
+              >
+              <q-tooltip>Launch your own LNbits instance</q-tooltip>
+            </q-btn>
+              <q-btn
+              no-caps
                 color="white"
                 text-color="black"
                 type="a"
-                href="https://shop.lnbits.com"
-                label="Store"
+                href="https://v1.lnbits.com"
+                label="Demo"
                 class="q-ml-sm"
                 size="lg"
-                :dense="$q.screen.lt.md"
                 >
-                <q-tooltip>Visit the LNbits web store</q-tooltip>
+                <q-tooltip>Try the LNbits Demo server (For testing only)</q-tooltip>
               </q-btn>
-                </div>
-              </div>
+              <q-btn
+              no-caps
+              color="white"
+              text-color="black"
+              type="a"
+              href="https://extensions.lnbits.com"
+              label="Extensions"
+              class="q-ml-sm gt-sm"
+              size="lg"
+              >
+              <q-tooltip>Checkout the extensions in LNbits</q-tooltip>
+            </q-btn>
+            <q-btn
+            no-caps
+            color="white"
+            text-color="black"
+            type="a"
+            href="https://shop.lnbits.com"
+            label="Store"
+            class="q-ml-sm"
+            size="lg"
+            >
+            <q-tooltip>Visit the LNbits web store</q-tooltip>
+          </q-btn>
             </div>
             <div class="container-pic">
               <div class="ud-hero-image">