diff --git a/samy.css b/samy.css index db9636c..b437aa7 100644 --- a/samy.css +++ b/samy.css @@ -257,6 +257,28 @@ body { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); } +/* ========================= + Split right side into 2 bubbles + ========================= */ + +/* The right-side wrapper should NOT look like a bubble */ +.column.right-stack { + background: transparent; + border: none; + box-shadow: none; + padding: 0; +} + +/* Each checkbox-group inside becomes its own bubble */ +.column.right-stack > .checkbox-group { + background-color: var(--dark-gray-color); + border: 2px solid var(--border-color); + border-radius: 8px; + padding: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); +} + + .checkbox-group label { display: flex; align-items: center;