diff --git a/styles.css b/styles.css index 398e0f7..1018951 100644 --- a/styles.css +++ b/styles.css @@ -244,21 +244,42 @@ tr:hover { } .controls-panel { - grid-column: 2 / 3; - grid-row: 1 / 2; + grid-column: 1 / 2; + grid-row: 2 / 3; } .config-panel { grid-column: 2 / 3; - grid-row: 2 / 3; + grid-row: 1 / 2; } .module-states { - grid-column: 1 / 2; + grid-column: 2 / 3; grid-row: 2 / 3; } .documentation { grid-column: 1 / 3; grid-row: 4 / 5; +} + +fieldset { + border: 1px solid var(--accent-blue); + border-radius: var(--border-radius-sm); + padding: var(--spacing-small); + margin-bottom: var(--spacing-small); +} + +button { + background-color: var(--primary-dark-blue); + color: var(--text-secondary); + border: 2px solid var(--secondary-dark-blue); + padding: var(--spacing-small) var(--spacing-large); + border-radius: var(--border-radius-sm); + font-size: var(--font-size-base); + font-weight: bold; + cursor: pointer; + transition: all var(--duration-normal) var(--ease-standard); + margin: var(--spacing-small); + font-family: var(--font-family-base); } \ No newline at end of file