fixed matching tunes

folkies · Aug 1, 2024 · b19c7f9 · b19c7f9
1 parent 481cf1d
commit b19c7f9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/app/component/match/matcher.component.html b/src/app/component/match/matcher.component.html
@@ -7,12 +7,14 @@ <h2 class="mat-h2">Matching tunes</h2>
 
 <mat-list class="tune-list">
     <mat-list-item *ngFor="let tune of tunes">
+        <div matLine>
         <div class="tune-item">
             <a class="tune-link md-accent" href="https://thesession.org/tunes/{{tune.tune}}#setting{{tune.setting}}" target="thesession">{{title(tune)}}</a>
             <div class="mat-small">{{getRhythmAndKey(tune)}}</div>
         </div>
         <div class="confidence">
             {{confidencePercentage(tune)}} %
         </div>
+    </div>
     </mat-list-item>
 </mat-list>
diff --git a/src/styles.scss b/src/styles.scss
@@ -83,6 +83,16 @@ mat-sidenav mat-icon {
     display: inline-block;
 }
 
+div.tune-item {
+    display: inline-block;
+    width: 400px;
+}
+
+div.confidence {
+    display: inline-block;
+    vertical-align: top;
+}
+
 
 .tunebook-link {
     font-size: 120%;
@@ -197,18 +207,20 @@ a.tune-link:link, a.tune-link:visited, a.tune-link:hover, a.tune-link:active  {
     color: black;
 }
 
+/*
 div.tune-item {
     width: 290px;
     margin-right: 10px;
 }
+    */
 
 div.main-content {
     margin-bottom: 80px;
 }
 
 h1.irish {
-    font-family: 'Irish Uncialfabeta';
-    font-size: 24px;
+    font-family: 'Irish Uncialfabeta' !important;
+    font-size: 24px !important;
 }
 
 button.pdf-button {