Fix spacing in create/edit modal

Author: chrisdoherty4

AGENTS.md

@@ -42,10 +42,9 @@ Prioritize clean code:
 - Testable - code is written so its easy to test
 
 Code should follow a hexagonal architecture. Avoid packages/module names like common, util and
-const. Focus on colocating code based on the feature or capability it relates to.
+const. Focus on colocating code in the same module based on the feature or capability it relates to.
 
-Before making changes to the code, make a proposal with an overview and details of what you plan
-to change.
+Before making changes, make a proposal of what you plan to change.
 
 ### Testing & Linting
 
@@ -58,7 +57,7 @@ Test commands:
 - `make test-frontend`: run frontend tests only
 - `make test-backend`: run backend tests only
 
-Run the relevant tests for the code that has changed. Fix all test issues.
+After making changes run the relevant tests for the code that has changed. Fix all test issues.
 
 Lint commands:
 
@@ -67,7 +66,7 @@ Lint commands:
 - `make lint-frontend-less`: lint the LeSS only
 - `make lint-backend`: lint the backend only
 
-Run the relevant linters for the code that has changed. Fix all lint issues.
+After making changes run the relevant linters for the code that has changed. Fix all lint issues.
 
 ### Python
 

custom_components/maint/frontend/panel.css

@@ -326,12 +326,12 @@ label {
 }
 .weekday-row {
   display: flex;
-  gap: 0.4rem;
   flex-wrap: wrap;
   align-items: center;
   width: 100%;
   min-width: 0;
   flex: 0 0 auto;
+  gap: 5px;
 }
 .date-input-wrapper {
   display: grid;
@@ -469,7 +469,7 @@ label {
   display: block;
 }
 .help-text {
-  margin: 0;
+  margin-top: 5px;
   font-size: 0.9rem;
   color: var(--secondary-text-color);
 }
@@ -501,7 +501,6 @@ label {
   border-radius: 10px;
   border: 1px solid var(--divider-color);
   background: var(--card-background-color);
-  margin: 2px 6px 6px 0;
 }
 .weekday-chip input {
   width: auto;
@@ -546,10 +545,6 @@ h2 {
   margin: 0 0 8px;
   font-size: 18px;
 }
-.modal p {
-  margin: 0 0 16px;
-  color: var(--secondary-text-color);
-}
 .modal .modal-actions {
   display: flex;
   justify-content: flex-end;
@@ -626,7 +621,6 @@ h2 {
   }
   .weekly-inline {
     flex-direction: column;
-    gap: 0.5rem;
   }
   .weekly-every {
     flex: 1 1 auto;

frontend/less/panel.less

@@ -326,6 +326,7 @@ maint-task-row+maint-task-row {
 
   &:hover,
   &:focus-visible {
+
     &::after,
     &::before {
       opacity: 1;
@@ -422,12 +423,12 @@ label {
 
 .weekday-row {
   display: flex;
-  gap: 0.4rem;
   flex-wrap: wrap;
   align-items: center;
   width: 100%;
   min-width: 0;
   flex: 0 0 auto;
+  gap: 5px;
 }
 
 .date-input-wrapper {
@@ -591,7 +592,7 @@ label {
 }
 
 .help-text {
-  margin: 0;
+  margin-top: 5px;
   font-size: 0.9rem;
   color: @secondary-text;
 }
@@ -628,7 +629,6 @@ label {
   border-radius: @radius-large;
   border: 1px solid @divider-color;
   background: @card-bg;
-  margin: 2px 6px 6px 0;
 
   input {
     width: auto;
@@ -678,11 +678,6 @@ h2 {
     font-size: 18px;
   }
 
-  p {
-    margin: 0 0 16px;
-    color: @secondary-text;
-  }
-
   .modal-actions {
     display: flex;
     justify-content: flex-end;
@@ -764,7 +759,6 @@ h2 {
 
   .weekly-inline {
     flex-direction: column;
-    gap: 0.5rem;
   }
 
   .weekly-every {