diff --git a/css/stylesheet_global.css b/css/stylesheet_global.css
index 6f9f57f..f200421 100644
--- a/css/stylesheet_global.css
+++ b/css/stylesheet_global.css
@@ -123,8 +123,8 @@ p {
display: flex;
justify-content: space-between;
align-items: center;
- min-height: 3.625rem;
- padding: 0.1875rem 0.5625rem 0.1875rem var(--space-5);
+ min-height: 3rem;
+ padding: 0.1875rem 0.75rem 0.1875rem var(--space-5);
max-width: none;
width: 100%;
box-sizing: border-box;
@@ -144,10 +144,31 @@ p {
display: block;
}
-.button-small-links {
+.nav-tab {
+ color: var(--black);
+ font-size: 1.125rem;
+ font-weight: 500;
+ letter-spacing: var(--ls-sm);
+ line-height: 1;
+ text-decoration: none;
+}
+
+.nav-tab:hover, .nav-tab:active,
+.nav-tab:focus-visible {
+ text-decoration: underline;
+ text-underline-offset: 4px;
+}
+
+.button-small:hover, .button-small:active,
+.button-small:focus-visible {
+ background: var(--olive-dark);
+ color: var(--black);
+}
+
+.nav-tab-links {
display: flex;
align-items: center;
- gap: var(--space-1);
+ gap: var(--space-5);
}
@@ -169,8 +190,10 @@ p {
background-color: var(--olive-dark);
}
+
.button-small {
- color: var(--black);
+ background: var(--olive);
+ color: var(--butter-light);
font-size: 1.125rem;
font-weight: 500;
letter-spacing: var(--ls-sm);
@@ -183,22 +206,8 @@ p {
.button-small:hover, .button-small:active,
.button-small:focus-visible {
- background: var(--olive-light);
- color: var(--black);
-}
-
-
-.button-login {
- background: var(--olive);
+ background: var(--olive-dark);
color: var(--butter-light);
- font-size: 1.125rem;
- font-weight: 500;
- letter-spacing: var(--ls-sm);
- line-height: 1;
- text-decoration: none;
-
- padding: var(--space-1) var(--space-4);
- border-radius: var(--radius-md);
}
.profile-pill {
diff --git a/event_create.html b/event_create.html
index dc07ba3..f90856d 100644
--- a/event_create.html
+++ b/event_create.html
@@ -9,26 +9,26 @@
-
+
-
+
+
-