Style updates

resources/views/components/solution.blade.php

@@ -35,25 +35,15 @@
             letter-spacing: 0.015em;
         }
 
-        .solution li {
-            display: flex;
-            align-items: center;
-        }
-
-        .solution li a:not(:has(svg)) {
-            text-decoration: underline;
-        }
-
-        .solution li svg {
-            height: 1.2em;
-            padding-left: 0.33ch;
-        }
-
         .solution hr {
             margin: 3.5rem 0 2.5rem;
             border-top: 2px solid #b7d2b1;
         }
 
+        .solution a {
+            text-decoration: underline;
+        }
+
         .execute-solution {
             margin-top: 3rem;
         }
@@ -85,10 +75,11 @@
             height: 1.2em;
         }
 
-        .ai-solution {
+        .solution-provider {
             margin-top: 3rem;
             opacity: 0.8;
             font-size: 0.875rem;
+            text-align: right;
         }
     </style>
     <div class="solution">
@@ -101,13 +92,8 @@
                 <ul>
                     @foreach($solution->getDocumentationLinks() as $label => $url)
                         <li>
-                            <a href="{{ $url }}">{{ $label }}</a>
-                            <a href="{{ $url }}">
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                                     stroke-width="1.5" stroke="currentColor">
-                                    <path stroke-linecap="round" stroke-linejoin="round"
-                                          d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"/>
-                                </svg>
+                            <a href="{{ $url }}" target="_blank" rel="nofollow noreferer">
+                                {{ $label }}
                             </a>
                         </li>
                     @endforeach
@@ -165,22 +151,19 @@ class="execute-solution"
                 @endif
             @endif
 
-            @if($solution instanceof \Spatie\ErrorSolutions\Solutions\OpenAi\OpenAiSolution)
-                <p class="ai-solution">This solution is provided by AI. It might not be 100% accurate.</p>
-            @endif
-
-            <div>
-                @if(method_exists($solution, 'solutionProvidedByName'))
+            @if(method_exists($solution, 'solutionProvidedByName'))
+                <p class="solution-provider">
                     @if(method_exists($solution, 'solutionsProvidedByLink'))
                         Solution provided by <a
-                            href="{{ $solution->solutionsProvidedByLink() }}">{{ $solution->solutionProvidedByName() }}</a>
+                            href="{{ $solution->solutionsProvidedByLink() }}">{{ $solution->solutionProvidedByName() }}</a>.
                     @else
-                        Solution provided by {{ $solution->solutionProvidedByName() }}
+                        Solution provided by {{ $solution->solutionProvidedByName() }}.
                     @endif
-                @else
-                    Solution provided by <a href="https://flareapp.io">Flare</a>
-                @endif
-            </div>
+                    @if($solution instanceof \Spatie\ErrorSolutions\Solutions\OpenAi\OpenAiSolution)
+                        This solution was generated by AI. It might not be 100% accurate.
+                    @endif
+                </p>
+            @endif
 
             @if(!$loop->last)
                 <hr>