fix solutions section padding (#433)

* fix solutions section padding * add max width to solution description
facade · Jan 11, 2022 · 874d084 · 874d084
1 parent 7afca3d
commit 874d084
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/resources/compiled/ignition.js b/resources/compiled/ignition.js
diff --git a/resources/css/utilities/solution.css b/resources/css/utilities/solution.css
@@ -69,9 +69,10 @@
 .solution-content-wrapper {
     @apply p-12;
     @apply overflow-x-auto;
+    @apply grid;
 }
 
-.solution-content {
+.solution-description {
     @apply max-w-4xl;
 }
 

diff --git a/resources/js/components/Solutions/SolutionCard.vue b/resources/js/components/Solutions/SolutionCard.vue
@@ -48,10 +48,14 @@
                         <div
                             v-if="solution.description"
                             v-html="markdown(solution.description)"
+                            class="solution-description"
                         ></div>
 
                         <div v-if="solution.is_runnable">
-                            <p v-html="markdown(solution.action_description)"></p>
+                            <p
+                                v-html="markdown(solution.action_description)"
+                                class="solution-description"
+                            ></p>
                             <p v-if="canExecuteSolutions === null" class="py-4 text-sm italic">
                                 Loading...
                             </p>