fix: adjust tuning note position on small screens

adrielcafe · Sep 9, 2021 · 3f01f36 · 3f01f36
1 parent d833301
commit 3f01f36
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/app/src/main/kotlin/cafe/adriel/chroma/view/components/tuning.kt b/app/src/main/kotlin/cafe/adriel/chroma/view/components/tuning.kt
@@ -39,6 +39,7 @@ fun TuningNote(
 ) =
     ConstraintLayout(modifier = modifier) {
         val (toneRef, semitoneRef, octaveRef, frequencyRef) = createRefs()
+        val horizontalGuideline = createGuidelineFromStart(.40f)
 
         Text(
             text = tone,
@@ -47,6 +48,7 @@ fun TuningNote(
             fontWeight = FontWeight.Bold,
             modifier = Modifier.constrainAs(toneRef) {
                 centerVerticallyTo(parent)
+                centerAround(horizontalGuideline)
             }
         )
         if (accidental != null) {

diff --git a/app/src/main/kotlin/cafe/adriel/chroma/view/tuner/TunerScreen.kt b/app/src/main/kotlin/cafe/adriel/chroma/view/tuner/TunerScreen.kt
@@ -141,6 +141,7 @@ class TunerScreen(
                     advancedMode = settings.advancedMode,
                     modifier = Modifier.constrainAs(noteRef) {
                         centerHorizontallyTo(parent)
+                        top.linkTo(parent.top)
                         bottom.linkTo(deviationBarsRef.top)
                     }
                 )