UX: minor css tweaks

UX: minor css tweaks

diff --git a/assets/stylesheets/common/discourse-post-event-builder.scss b/assets/stylesheets/common/discourse-post-event-builder.scss
index 8ec23ad..53c067d 100644
--- a/assets/stylesheets/common/discourse-post-event-builder.scss
+++ b/assets/stylesheets/common/discourse-post-event-builder.scss
@@ -47,6 +47,12 @@
     min-height: 200px;
 
     .d-date-time-input-range {
+      margin-bottom: 2em;
+
+      .select-kit-header {
+        height: 100%;
+      }
+
       .d-time-input {
         .selected-name {
           border: 0;
@@ -73,7 +79,7 @@
 
   .event-field {
     display: flex;
-    margin: 1em 0;
+    margin-bottom: 2em;
     flex-direction: column;
 
     &.name,
@@ -164,13 +170,17 @@
         flex: 1 0 auto;
         padding: 0.25em 0;
 
+        .select-kit-header {
+          height: 100%;
+        }
+
         .reminder-value {
           width: 60px;
           margin-right: 0.5em;
         }
 
         .reminder-unit {
-          width: 140;
+          width: 140px;
           margin-right: 0.5em;
         }
 
diff --git a/assets/stylesheets/common/discourse-post-event.scss b/assets/stylesheets/common/discourse-post-event.scss
index b861966..14b7ca6 100644
--- a/assets/stylesheets/common/discourse-post-event.scss
+++ b/assets/stylesheets/common/discourse-post-event.scss
@@ -168,7 +168,7 @@
 
         .widget-dropdown-header {
           .d-icon-star {
-            color: var(--tertiary, $tertiary);
+            color: #daa520;
           }
         }
       }
@@ -245,7 +245,7 @@
         }
 
         &.status-interested .avatar-flair {
-          color: var(--tertiary, $tertiary);
+          color: #daa520;
         }
       }
 

GitHub sha: b891c4e4

Why hardcode the colors?

1 Like

Because we dont have a semantic meaning for this. success and danger are quite clear, this one is different. Also it’s css so easy to override.

Could we somehow tie this to one of the available variables? Having a hardcoded color would mean it would break automatic dark-mode for example.