fix: style improvements for retry button

snyk · Apr 11, 2024 · 77497e3 · 77497e3
1 parent b1bbfaf
commit 77497e3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/media/views/snykCode/suggestion/suggestion.scss b/media/views/snykCode/suggestion/suggestion.scss
@@ -78,6 +78,10 @@ body {
   font-weight: 400;
 }
 
+.suggestion-details-content {
+  padding-bottom: 64px;
+}
+
 .sn-apply-fix {}
 
 .suggestion-details {
@@ -603,7 +607,7 @@ body {
 }
 
 
-@media (max-width: 600px) {
+@media (max-width: 480px) {
   .wide {
     display: none;
   }

diff --git a/src/snyk/snykCode/views/suggestion/codeSuggestionWebviewProvider.ts b/src/snyk/snykCode/views/suggestion/codeSuggestionWebviewProvider.ts
@@ -474,9 +474,11 @@ export class CodeSuggestionWebviewProvider
 
           <section id="fixes-error-section" class="sn-ai-fix-error hidden">
             <div id="info-no-diffs" class="font-light">
-            There was an issue when generating the fix.
+            ⚠️ There was an issue when generating the fix.
+            </div>
+            <div class="sn-fix-wrapper">
+              <button id="retry-generate-fix" class="button generate-ai-fix">✨ Retry generate AI fixes</button>
             </div>
-            <button id="retry-generate-fix" class="button generate-ai-fix">Retry generate fixes</button>
           </section>
 
           <section class="sn-community-fixes delimiter-top">