Styling tweaks

CentreForDigitalHumanities · Aug 13, 2024 · 93990d9 · 93990d9
1 parent 703f350
commit 93990d9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git 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
@@ -0,0 +1,3 @@
+.search-button:not(:last-child) {
+    margin-right: .5rem;
+}