From 2c682520ca2a2ad8713a6d6a189a358016545287 Mon Sep 17 00:00:00 2001
From: kuro610 <kn.roscher@live.de>
Date: Tue, 31 May 2022 18:25:41 +0200
Subject: [PATCH 1/2] Style import btn on public recipe page

---
 root/templates/browse/recipe/show.tt | 26 +++++++++++++++-----------
 root/templates/wrapper.tt            |  2 +-
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/root/templates/browse/recipe/show.tt b/root/templates/browse/recipe/show.tt
index a7a7db38..c8b1ad27 100644
--- a/root/templates/browse/recipe/show.tt
+++ b/root/templates/browse/recipe/show.tt
@@ -1,17 +1,21 @@
 [% escape_title( 'Recipe', recipe.name ) %]
 
-[% IF project_url %]
-    <p>
-        from project <a href="[% project_url %]">[% recipe.project.name | html %]</a>
-     [% IF import_url %]
-        <form method="get" action="[% import_url %]" class="inline">
-            <input type="submit" value="Import" title="Import this recipe into one of your projects">
-        </form>
+<div class="row my-3">
+    <div class="col">
+    [% IF project_url %]
+        <p class="m-0">from project <a href="[% project_url %]">[% recipe.project.name | html %]</a></p>
+        [% IF import_url %]
+            <form method="get" action="[% import_url %]">
+                <button class="btn btn-secondary my-2" type="submit" title="Import this recipe into one of your projects">
+                    <i class="material-icons ">import_export</i> Import into another project
+                </button>
+            </form>
+        [% END %]
+    [% ELSE %]
+        <p>from a private project</p>
     [% END %]
-    </p>
-[% ELSE %]
-    <p>from a private project</p>
-[% END %]
+    </div>
+</div>
 
 <form method="get" action="">
 Servings:
diff --git a/root/templates/wrapper.tt b/root/templates/wrapper.tt
index 1eb68bb3..e1407da9 100644
--- a/root/templates/wrapper.tt
+++ b/root/templates/wrapper.tt
@@ -131,7 +131,7 @@ END %]
 
     <main>
         <div class="container-fluid pb-2"><!-- main container-fluid -->
-            <div class="row py-3">
+            <div class="row my-3">
 
                 <div class="col-12">
                     <h1 id="print_h1" style="display: none">[% name | html; IF project %]: [% project.name | html; END %]</h1>

From 5afee82c1a5dc92dd7b85efee1f13125a1524f85 Mon Sep 17 00:00:00 2001
From: kuro610 <kn.roscher@live.de>
Date: Tue, 31 May 2022 18:31:56 +0200
Subject: [PATCH 2/2] Add shortlink to used section closes #131

---
 root/static/css/style.css     | 2 +-
 root/templates/recipe/edit.tt | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/root/static/css/style.css b/root/static/css/style.css
index 415ec984..ef43ac18 100644
--- a/root/static/css/style.css
+++ b/root/static/css/style.css
@@ -173,7 +173,7 @@ main a[href]:active {
     color: #333333;
 }
 
-a.btn-secondary {
+a.btn-secondary, a.btn-primary {
     color: #fff !important;
 }
 
diff --git a/root/templates/recipe/edit.tt b/root/templates/recipe/edit.tt
index ebe9a7dd..5aef54bc 100644
--- a/root/templates/recipe/edit.tt
+++ b/root/templates/recipe/edit.tt
@@ -3,8 +3,11 @@
 
 <div class="row mb-5">
     <div class="col">
+        <a class="btn btn-primary[% IF dishes.size == 0 %] disabled[% END %]" href="#used">
+            Used in <span class="badge bg-light text-dark">[% dishes.size %]</span> dish[% IF dishes.size != 1 %]es[% END %]
+        </a>
         [% IF import_url %]
-        <form method="get" action="[% import_url %]" class="inline">
+        <form method="get" action="[% import_url %]" class="d-inline">
             <button type="submit" class="btn btn-secondary"  data-toggle="tooltip" title="Import this recipe into another one of your projects">
                 <i class="material-icons ">import_export</i> Import into another project
             </button>
@@ -82,7 +85,7 @@
 
 [% INCLUDE 'includes/forms/ingredients_add.tt' %]
 
-<h2>Where <em>[% recipe.name | html %]</em> is used</h2>
+<h2 id="used">Where <em>[% recipe.name | html %]</em> is used</h2>
 
 <ul>
 [% FOR dish IN dishes %]