From b5292689534c00918675223d1f36174bbf44406f Mon Sep 17 00:00:00 2001
From: Joris
Date: Wed, 3 Jan 2024 00:01:38 +0100
Subject: Provide tonality and selector to change

---
 public/main.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'public/main.css')

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;
-- 
cgit v1.2.3