fix: rozdílné jednotky u receptů

feat: vazby a trvání receptů

client/src/pages/templates.scss

@@ -160,8 +160,24 @@
 .recipe-ingredient-row {
   align-items: center;
 
+  // Množství s výběrem jednotky
+  .recipe-ingredient-amount {
+    width: 160px;
+    flex: 0 0 auto;
+
+    .form-control {
+      min-width: 0;
+    }
+
+    .form-select {
+      flex: 0 0 82px;
+      padding-left: 8px;
+    }
+  }
+
+  // Přepočet na gramy u jiné jednotky
   .recipe-ingredient-weight {
-    width: 110px;
+    width: 90px;
     flex: 0 0 auto;
   }
 
@@ -187,6 +203,7 @@
   @media (max-width: 640px) {
     flex-wrap: wrap;
 
+    .recipe-ingredient-amount,
     .recipe-ingredient-weight,
     .recipe-ingredient-rate,
     .recipe-ingredient-calories,
@@ -208,6 +225,64 @@
   }
 }
 
+// Vazby receptu na jiné recepty — ve formuláři výběr, na kartě odkazy
+.recipe-links {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-top: 10px;
+  font-size: 0.87rem;
+
+  .recipe-links-row {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 6px;
+  }
+
+  .recipe-links-label {
+    color: var(--ft-text-muted);
+    font-weight: 600;
+  }
+}
+
+.recipe-link {
+  border: none;
+  background: var(--ft-primary-light);
+  color: var(--ft-primary);
+  border-radius: 999px;
+  padding: 2px 10px;
+  font-size: 0.8rem;
+  font-weight: 600;
+
+  &:is(button):hover {
+    filter: brightness(0.95);
+    text-decoration: underline;
+  }
+
+  .recipe-link-remove {
+    margin-left: 6px;
+    border: none;
+    background: none;
+    color: inherit;
+    padding: 0;
+    line-height: 1;
+  }
+}
+
+.recipe-links-input {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+
+  .form-select {
+    width: auto;
+    min-width: 180px;
+    flex: 1 1 180px;
+  }
+}
+
 // Popisek postupu s přepínačem psaní a náhledu
 .recipe-note-label {
   display: flex;