From 32a613f3724a4c09665403d373cb6af3ff0ad90f Mon Sep 17 00:00:00 2001
From: Heather Yu <35639529+hetd54@users.noreply.github.com>
Date: Wed, 18 Sep 2024 15:26:01 -0400
Subject: [PATCH] style: details column

---
 components/storage/ServiceSelection.vue | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/components/storage/ServiceSelection.vue b/components/storage/ServiceSelection.vue
index 0428fbc..5c59dc7 100644
--- a/components/storage/ServiceSelection.vue
+++ b/components/storage/ServiceSelection.vue
@@ -29,15 +29,18 @@
               ]"
           /></span>
         </button>
-        <p class="is-size-5 has-text-bold">{{ humanize(s.name) }}</p>
-        <details v-if="s.description" class="service-details mb-4">
-          <summary>
-            <span class="icon has-text-info is-medium">
-              <i class="mdi mdi-information-outline mdi-24px" />
-            </span>
-          </summary>
-          <div class="content" v-html="$md.render(s.description || '')"></div>
-        </details>
+        <div class="is-flex is-flex-direction-column">
+          <p class="is-size-5 has-text-bold">{{ humanize(s.name) }}</p>
+          <details v-if="s.description" class="service-details mb-4">
+            <summary>
+              <span class="icon is-medium">
+                <i class="mdi mdi-information mdi-24px" />
+              </span>
+            </summary>
+            <div class="content" v-html="$md.render(s.description || '')"></div>
+          </details>
+        </div>
+
       </div>
     </div>
   </div>