From 7d7cbeeb71f69a9f6078bb9d49190ebd51f1b14c Mon Sep 17 00:00:00 2001
From: ben <ben@arc.wales>
Date: Sun, 1 Jan 2023 14:55:01 +0000
Subject: [PATCH] Adjusted layout for ratings and to stop overflow on mobile

---
 lnbits/core/templates/core/extensions.html | 35 +++++++++++++++++-----
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/lnbits/core/templates/core/extensions.html b/lnbits/core/templates/core/extensions.html
index 953817ba..daaa7e41 100644
--- a/lnbits/core/templates/core/extensions.html
+++ b/lnbits/core/templates/core/extensions.html
@@ -23,14 +23,33 @@
   >
     <q-card>
       <q-card-section>
-        <q-img
-          :src="extension.tile"
-          spinner-color="white"
-          style="max-width: 64px"
-        ></q-img>
-        {% raw %}
-        <h5 class="q-mt-lg q-mb-xs">{{ extension.name }}</h5>
-        <small>{{ extension.shortDescription }} </small>{% endraw %}
+        <div class="row">
+          <div class="col-3">
+            <q-img
+            :src="extension.tile"
+            spinner-color="white"
+            style="max-width: 100%"
+          ></q-img>
+          </div>
+          <div class="col-9 q-pl-sm">
+            {% raw %}
+            <div class="text-h5 gt-sm q-mt-sm q-mb-xs">{{ extension.name }}</div>
+            <div class="text-subtitle2 gt-sm" style="font-size:11px;height:34px">{{ extension.shortDescription }}</div>
+            <div class="text-subtitle1 lt-md q-mt-sm q-mb-xs">{{ extension.name }}</div>
+            <div class="text-subtitle2 lt-md" style="font-size:9px;height:34px">{{ extension.shortDescription }}</div>{% endraw %}
+          </div>
+        </div>
+
+        
+      </q-card-section>
+      <q-card-section>
+        <div>
+        <q-rating
+        disable
+        size="2em"
+        :max="5"
+        color="primary"
+      ></q-rating><q-tooltip>Rating coming soon</q-tooltip></div>
       </q-card-section>
       <q-separator></q-separator>
       <q-card-actions>