UI + backend update

Seasoned.Frontend/app/assets/css/app-theme.css

@@ -71,25 +71,27 @@
   background: transparent !important;
 }
 
-.ingredient-item {
-  border-bottom: 1px dotted #c1b18e;
-  font-style: italic;
-  color: #2c2925;
-}
-
-.instruction-step {
+.instruction-step, .ingredient-item {
   display: flex;
+  font-family: 'Libre Baskerville', serif;
+  font-size: 1.1rem;
   gap: 20px;
   line-height: 1.6;
   color: #2c2925;
+  margin: 0 !important; 
+  padding: 0 !important;
+  flex: 1;
 }
 
 .step-number {
-  font-family: 'Libre Baskerville', serif;
-  font-weight: bold;
-  color: #3b4e1e;
-  font-size: 1.3rem;
-  min-width: 25px;
+  font-family: 'Libre Baskerville', serif !important;
+  font-weight: bold !important;
+  color: #3b4e1e !important;
+  font-size: 1.3rem !important;
+  text-align: center !important;
+  min-width: 30px;
+  line-height: 1.4 !important;
+  padding-top: 16px;
 }
 
 .separator {
@@ -237,6 +239,5 @@
 }
 
 .brand-icon-container .v-img {
-  /* Gives it a slightly 'stamped' look on the paper */
   filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.1));
 }

Seasoned.Frontend/app/assets/css/gallery.css

@@ -47,4 +47,78 @@
 .back-to-home-btn:hover {
   background-color: #4a3a2a !important;
   box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
+}
+
+.recipe-title-edit .v-field__input {
+  font-family: 'Libre Baskerville', serif !important;
+  font-size: 2.4rem !important;
+  color: #1e1408 !important;
+  text-align: center !important;
+}
+
+.v-textarea .v-field {
+  background-color: rgba(93, 64, 55, 0.05) !important;
+  border-radius: 8px !important;
+}
+
+.save-btn, .cancel-btn {
+  font-family: 'Libre Baskerville', serif !important;
+  text-transform: none !important;
+  font-weight: bold !important;
+  font-size: 1.1rem !important;
+  letter-spacing: 0px !important;
+  transition: all 0.3s ease;
+}
+
+.save-btn {
+  color: #556b2f !important;
+}
+
+.save-btn:hover {
+  background-color: rgba(85, 107, 47, 0.08) !important;
+}
+
+.cancel-btn {
+  color: #8c4a32 !important;
+}
+
+.cancel-btn:hover {
+  background-color: rgba(140, 74, 50, 0.05) !important;
+}
+
+.recipe-title-edit .v-field__input {
+  font-family: 'Libre Baskerville', serif !important;
+  font-weight: 700 !important;
+  color: #1e1408 !important;
+  font-size: 2.4rem !important;
+  text-align: center !important;
+}
+
+.v-textarea .v-field__input {
+  font-weight: 500 !important;
+  color: #2c2925 !important;
+  line-height: 1.6 !important;
+}
+
+.v-field-label {
+  color: #5d4037 !important;
+  opacity: 0.6 !important;
+}
+
+.v-field__outline {
+  --v-field-border-opacity: 1 !important;
+  color: #d1c7b7 !important;
+}
+
+.v-field--focused .v-field__outline {
+  color: #556b2f !important;
+}
+
+.recipe-title-edit.v-text-field .v-field__outline__line {
+  border-bottom-width: 2px !important;
+  color: #d1c7b7 !important;
+}
+
+.recipe-title-edit.v-field--focused .v-field__outline__line {
+  color: #556b2f !important;
 }