From 93990d9bfa47aab1a9dda84c2b1d208f91c30147 Mon Sep 17 00:00:00 2001
From: Xander Vertegaal <a.j.j.vertegaal@uu.nl>
Date: Tue, 13 Aug 2024 11:48:20 +0200
Subject: [PATCH] Styling tweaks

---
 frontend/src/app/sample/sample.component.html | 10 +++++-----
 frontend/src/app/sample/sample.component.scss |  3 +++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/sample/sample.component.html b/frontend/src/app/sample/sample.component.html
index 361609e..cc959ee 100644
--- a/frontend/src/app/sample/sample.component.html
+++ b/frontend/src/app/sample/sample.component.html
@@ -24,7 +24,7 @@
             <th i18n>#</th>
             <th i18n>Phrase</th>
             <th i18n>Type</th>
-            <th></th>
+            <th i18n>Search in Spindle</th>
         </tr>
     </thead>
     <tbody>
@@ -38,15 +38,15 @@
             <td>
                 <span class="proof" [innerHtml]="phrase.type | proof"></span>
             </td>
-            <td class="has-text-right">
+            <td>
                 @if (showButtons(phrase.items)) {
-                    <button class="button is-info" (click)="searchAethel(phrase, 'word')">
+                    <button class="button search-button is-info" (click)="searchAethel(phrase, 'word')">
                         Word
                     </button>
-                    <button class="button is-info" (click)="searchAethel(phrase, 'type')">
+                    <button class="button search-button is-info" (click)="searchAethel(phrase, 'type')">
                         Type
                     </button>
-                    <button class="button is-info" (click)="searchAethel(phrase, 'word-and-type')">
+                    <button class="button search-button is-info" (click)="searchAethel(phrase, 'word-and-type')">
                         Word and type
                     </button>
                 }
diff --git a/frontend/src/app/sample/sample.component.scss b/frontend/src/app/sample/sample.component.scss
index e69de29..57e2824 100644
--- a/frontend/src/app/sample/sample.component.scss
+++ b/frontend/src/app/sample/sample.component.scss
@@ -0,0 +1,3 @@
+.search-button:not(:last-child) {
+    margin-right: .5rem;
+}