New: Aanmelden bedrijven

themes/godocs-1/assets/scss/_common.scss

@@ -391,7 +391,7 @@ $quote-color: #918e91;
 }
 
 .color-warning {
-  color: $warning-color;
+  color: $warning-color !important;
 }
 
 .header-row {
@@ -420,4 +420,64 @@ $quote-color: #918e91;
 .footnote-ref::after {
   content: "]";
   margin-left: 0.05em;
+}
+
+.builder-card {
+  transition: opacity 150ms ease-in-out;
+}
+.builder-card.is-filtered-out {
+  opacity: 0;
+  pointer-events: none;
+}
+
+/* Container voor filters */
+#builder-filters {
+  --primary-color: #4c9e81; /* Komt overeen met je 'Bezoek de website' knop */
+  --checkbox-size: 24px;    /* Ongeveer 50% groter dan standaard */
+}
+
+/* De checkbox groter maken en kleur geven */
+.filter-checkbox {
+  width: var(--checkbox-size);
+  height: var(--checkbox-size);
+  margin-top: 0;
+  cursor: pointer;
+  border: 2px solid #ced4da;
+  transition: all 0.2s ease-in-out;
+}
+
+/* Kleur bij actieve/checked status */
+.filter-checkbox:checked {
+  background-color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+
+/* Focus staat voor toegankelijkheid */
+.filter-checkbox:focus {
+  box-shadow: 0 0 0 0.25 margin rgba(76, 158, 129, 0.25);
+  border-color: var(--primary-color);
+}
+
+/* De labels beter uitlijnen en leesbaarder maken */
+.form-check-label {
+  padding-left: 10px;
+  cursor: pointer;
+  font-size: 1.1rem; /* Iets groter voor leesbaarheid */
+  line-height: var(--checkbox-size);
+  vertical-align: middle;
+  display: inline-block;
+}
+
+/* Groepering van de checkbox en label */
+.form-check {
+  display: flex;
+  align-items: center;
+  margin-bottom: 1rem !important; /* Meer witruimte tussen de opties */
+}
+
+/* De "Filters wissen" link ook iets duidelijker maken */
+#clear-filters {
+  font-size: 1rem;
+  text-decoration: underline;
+  margin-top: 15px;
 }

themes/godocs-1/assets/scss/_typography.scss

@@ -90,4 +90,9 @@ h6,
   font-size: 0.8em;
   font-style: italic;
   color: lighten($color: $text-color, $amount: 30);
+}
+
+.font-pill {
+  font-size: 0.5em;
+  font-weight: 600;
 }

themes/godocs-1/assets/scss/templates/_main.scss

@@ -359,10 +359,12 @@
 
 .badge {
   margin-bottom: 20px;
-  font-weight: 500;
-  font-size: 15px;
-  padding: 5px 10px;
-  border-radius: 4px;
+  font-weight: 800;
+  font-size: 12px;
+  min-width: 22px;
+  min-height: 22px;
+  padding: 5px;
+  border-radius: 8px;
   display: block;
   width: fit-content;