Increase overall spacing

In the future I want to make this configurable with option #24. This current revision can be the default.
danielchalmers · Aug 17, 2024 · 93e113e · 93e113e
1 parent 6c2b86c
commit 93e113e
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 13 deletions.
diff --git a/JournalApp/Components/EditCategoryDialog.razor b/JournalApp/Components/EditCategoryDialog.razor
@@ -38,7 +38,7 @@
             }
             else if (Group == "Medications")
             {
-                <div class="d-flex flex-row flex-grow-1" style="gap: 0.75em">
+                <div class="d-flex flex-row flex-grow-1" style="gap: 1em">
                     <MudNumericField @bind-Value="MedicationDose" HideSpinButtons Label="Dose" MaxLength="6" Immediate />
 
                     <MudTextField @bind-Value="MedicationUnit" Label="Unit" MaxLength="8" Immediate />

diff --git a/JournalApp/Pages/Calendar/CalendarView.razor.css b/JournalApp/Pages/Calendar/CalendarView.razor.css
@@ -1,7 +1,7 @@
 .calendar-view {
   display: flex;
   flex-direction: column;
-  gap: 0.75em;
+  gap: 1em;
 }
 
 .calendar-month-header {

diff --git a/JournalApp/Pages/Index.razor.css b/JournalApp/Pages/Index.razor.css
@@ -1,22 +1,22 @@
 .main-timeline {
   display: flex;
   flex-direction: column;
-  gap: 1.5em;
+  gap: 0.5em;
 }
 
 .data-point-group {
   display: flex;
   flex-direction: column;
+  gap: 1em;
 }
 
 .data-point-list {
   display: flex;
   flex-direction: column;
-  gap: 0.5em;
+  gap: 1em;
 }
 
 .data-point-group-footer {
-  margin-top: 1em;
 }
 
 .data-point-container {

diff --git a/JournalApp/Pages/ManageCategoriesPage.razor.css b/JournalApp/Pages/ManageCategoriesPage.razor.css
@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: 0.1em;
+  gap: 0.25em;
 }
 
 ::deep .manage-category-edit-button {

diff --git a/JournalApp/Pages/SafetyPlanning/SafetyPlanPage.razor.css b/JournalApp/Pages/SafetyPlanning/SafetyPlanPage.razor.css
@@ -1,7 +1,7 @@
 .safety-plan-items-container {
   display: flex;
   flex-direction: column;
-  gap: 0.75em;
+  gap: 1em;
 }
 
 ::deep safety-plan-item {

diff --git a/JournalApp/Pages/SettingsPage.razor.css b/JournalApp/Pages/SettingsPage.razor.css
@@ -1,12 +1,12 @@
 .settings-group-list {
   display: flex;
   flex-direction: column;
-  gap: 1.5em;
+  gap: 2em;
 }
 
 .settings-group {
   display: flex;
   flex-direction: column;
-  gap: 0.25em;
+  gap: 0.5em;
   align-items: start;
 }
diff --git a/JournalApp/Pages/Trends/TrendsPage.razor.css b/JournalApp/Pages/Trends/TrendsPage.razor.css
@@ -1,7 +1,7 @@
 #trends-category-list {
   display: flex;
   flex-direction: column;
-  /* gap: 0.75em; */
+  gap: 0.5em;
 }
 
 .trends-category {

diff --git a/JournalApp/Pages/Worksheets/WorksheetsPage.razor.css b/JournalApp/Pages/Worksheets/WorksheetsPage.razor.css
@@ -1,7 +1,7 @@
 .worksheet-group-list {
   display: flex;
   flex-direction: column;
-  gap: 1.5em;
+  gap: 2em;
 }
 
 .worksheet-group {
@@ -12,7 +12,7 @@
 .worksheet-group-items {
   display: flex;
   flex-direction: column;
-  gap: 0.5em;
+  gap: 1em;
 }
 
 .worksheet-group-toc {
@@ -31,4 +31,5 @@
   display: flex;
   flex-direction: column;
   align-items: start;
+  gap: 0.25em;
 }
diff --git a/JournalApp/wwwroot/app.css b/JournalApp/wwwroot/app.css
@@ -103,7 +103,7 @@ h1, h2, h3, h4, h5, h6 {
 .mud-form {
   display: flex;
   flex-direction: column;
-  gap: 0.75em;
+  gap: 1em;
 }
 
 .mud-input-text {