Provide tonality and selector to change

1 files changed, 14 insertions, 2 deletions

diff --git a/public/main.css b/public/main.css
index d5f941f..236ddc0 100644
--- a/public/main.css
+++ b/public/main.css
@@ -63,11 +63,17 @@ body {
     width: fit-content;
 }
 
-.g-Chords {
+.g-Chords__Tonality {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.g-Chords__Table {
     border-collapse: collapse;
 }
 
-.g-Chords td {
+.g-Chords__Cell {
     width: 4rem;
     text-align: center;
     border-left: 1px solid black;
@@ -75,6 +81,12 @@ body {
     padding: 0.5rem 0;
 }
 
+.g-Chords__Chord:not(:last-child):after {
+    display: inline-block;
+    content: "/";
+    margin: 0 0.5rem;
+}
+
 .g-Lyrics__Paragraph {
     display: flex;
     flex-direction: column;