fixed tune editor

folkies · Aug 2, 2024 · cb94af7 · cb94af7
1 parent fc81480
commit cb94af7
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/src/app/component/tune-editor/tune-editor.component.html b/src/app/component/tune-editor/tune-editor.component.html
@@ -1,7 +1,7 @@
 <form class="example-form">
 
     <mat-form-field class="editor">
-        <textarea appCaretTracker (caret)="onCaret($event)" name="abc-area" matInput [(ngModel)]="tune" placeholder="Enter ABC notation"></textarea>
+        <textarea appCaretTracker matInput (caret)="onCaret($event)" name="abc-area"  [(ngModel)]="tune" placeholder="Enter ABC notation"></textarea>
     </mat-form-field>
 
     <button mat-raised-button (click)="save()" label="Save" class="search-button" color="primary">Save</button>

diff --git a/src/styles.scss b/src/styles.scss
@@ -45,18 +45,6 @@ html, body {
     margin-right: 0.5em;
 }
 
-mat-form-field.editor {
-    width: 1000px;
-    height: 15em;
-    margin-bottom: 5em;
-}
-
-mat-form-field.editor textarea {
-    font-family: 'Courier New', Courier, monospace;
-    font-size: 16px;
-    height: 15em;
-}
-
 mat-sidenav mat-icon {
     margin-right: 0.5em;
 }
@@ -153,6 +141,7 @@ app-books-list .mat-mdc-list-base .mat-mdc-list-item {
 
 div.tune-view {
     max-width: 1000px;
+    margin-bottom: 20px;
 }
 
 div.player-controls {
@@ -273,4 +262,17 @@ app-root .mat-body {
 app-root .tempo-label {
     display: inline-block;
     min-width: 5em;
+}
+
+mat-form-field.editor {
+    width: 1000px;
+}
+
+
+app-tune-editor .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{
+    font-family: 'Courier New', Courier, monospace;
+    font-weight: bolder;
+
+    min-height: 10em;
+    max-height: 20em;
 }