Merge pull request obsidian-tasks-group#2799 from ilandikov/refactor-…

…clean-EditTask-CSS-props

refactor: clean `EditTask.scss`

src/ui/EditTask.scss

@@ -7,34 +7,19 @@
  }
 
  hr {
- margin: 0.35rem 0;
- padding-bottom: 0.5rem;
+ margin: 0.35rem 0 0.85rem 0;
  }
 
  .tasks-modal-error {
  border: 1px solid red !important;
  }
-
- .tasks-modal-warning {
- color: var(--text-warning) !important;
- background-color: rgba(var(--background-modifier-warning-rgb), 0.2) !important;
- }
 }
 
 .tasks-modal-section {
  + .tasks-modal-section {
  margin-top: 8px;
  }
 
- label {
- display: inline-block;
- margin-bottom: 4px;
- }
-
- label > span {
- display: inline-block;
- }
-
  label + input[type="checkbox"] {
  margin-left: 0.67em;
  top: 2px;
@@ -48,29 +33,29 @@
  width: 100%;
  min-height: calc(var(--input-height) * 2);
  resize: vertical;
+ margin-top: 8px;
  }
 }
 
 .tasks-modal-priorities {
  display: grid;
  grid-template-columns: 6em auto auto auto;
  grid-column-gap: 0.5em;
+ grid-row-gap: 0.15em;
 
  span {
- line-height: 1.41;
  white-space: nowrap;
  }
 
- label {
- border-radius: var(--input-radius);
- padding: 2px 3px;
- grid-column: 1;
+ > label {
  grid-row-start: 1;
- grid-row-end: 7;
+ grid-row-end: 3;
  }
 
  input + label {
  font-size: var(--font-ui-small);
+ border-radius: var(--input-radius);
+ padding: 2px 3px;
  }
 
  input {
@@ -82,7 +67,7 @@
  border-color: var(--background-modifier-border-focus);
  }
 
- input:checked + label > span {
+ input:checked + label {
  font-weight: bold;
  }
 
@@ -97,10 +82,10 @@
  grid-auto-columns: 1fr;
  column-gap: .5em;
  row-gap: 5px;
+ align-items: center;
 
  label {
  grid-column: 1;
- margin-top: 6px;
  }
 
  .input {
@@ -113,7 +98,6 @@
 
  .results {
  grid-column: 3;
- margin-top: 6px;
  font-size: var(--font-ui-small);
  }
 
@@ -132,13 +116,6 @@
  }
 }
 
-.tasks-modal-status {
- padding-bottom: 6px;
- margin-bottom: -16px;
- display: flex;
- justify-content: space-between;
-}
-
 .tasks-modal-buttons {
  position: sticky;
  bottom: 0;
@@ -187,10 +164,6 @@
  .tasks-modal-dates > div {
  grid-column-end: 1;
  }
-
- .tasks-modal-status {
- display: block;
- }
 }
 
 @media (max-width: 399px) {