diff --git a/austro-hungarian-cream-of-horseradish-soup.html b/austro-hungarian-cream-of-horseradish-soup.html
index 88b69f7..c179fd9 100644
--- a/austro-hungarian-cream-of-horseradish-soup.html
+++ b/austro-hungarian-cream-of-horseradish-soup.html
@@ -6,7 +6,7 @@
-
+
diff --git a/bagels.html b/bagels.html
index a83d7e8..93d4cc5 100644
--- a/bagels.html
+++ b/bagels.html
@@ -6,7 +6,7 @@
-
+
diff --git a/carnitas-with-salsa-verde.html b/carnitas-with-salsa-verde.html
index 28d687a..73bd1a7 100644
--- a/carnitas-with-salsa-verde.html
+++ b/carnitas-with-salsa-verde.html
@@ -6,7 +6,7 @@
-
+
diff --git a/index.html b/index.html
index 12cc269..f846b52 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/pizza-dough.html b/pizza-dough.html
index 3b05449..8587c8e 100644
--- a/pizza-dough.html
+++ b/pizza-dough.html
@@ -6,7 +6,7 @@
-
+
diff --git a/raspberry-and-elderflower-gin-and-tonic.html b/raspberry-and-elderflower-gin-and-tonic.html
index ccffaae..3b281df 100644
--- a/raspberry-and-elderflower-gin-and-tonic.html
+++ b/raspberry-and-elderflower-gin-and-tonic.html
@@ -6,7 +6,7 @@
-
+
diff --git a/styles/recipe.css b/styles/recipe.css
index 696ce6f..cb61b87 100644
--- a/styles/recipe.css
+++ b/styles/recipe.css
@@ -11,7 +11,7 @@
.complete {
font-style: italic;
- opacity: 80%;
+ opacity: 33%;
text-decoration: line-through;
text-decoration-color: var(--color-complete-line-through);
}
@@ -40,13 +40,19 @@ hr {
font-style: normal;
}
+.back-link::after {
+ content: '';
+ display: block;
+ clear: right;
+}
+
.back-link__link:hover {
background: none;
}
.back-link__svg {
- display: none;
- width: 24px;
+ display: inline-block;
+ width: 18px;
}
.link-svg {
@@ -252,7 +258,8 @@ a:hover .link-svg {
}
.back-link__svg {
- display: block;
+ /* display: inline-block; */
+ width: 24px;
}
.section--title {
diff --git a/styles/recipesIndex.css b/styles/recipesIndex.css
index 50c688c..890dfb3 100644
--- a/styles/recipesIndex.css
+++ b/styles/recipesIndex.css
@@ -44,6 +44,11 @@
color: var(--color-view-svg-selected);
}
+.nav-view__list {
+ display: inline-block;
+ text-wrap: nowrap;
+}
+
/* View radio buttons */
html body .nav-view__item {
display: inline-block;
@@ -145,7 +150,6 @@ html body .nav-view__item {
width: var(--small-btn-length);
position: absolute;
right: calc(5px + var(--small-btn-length) + var(--search-icon-length));
- ;
top: calc((var(--search-input-height) - var(--small-btn-length)) / 2);
}
@@ -253,6 +257,7 @@ body .recipe-list .recipe-list__item--hidden {
.view--grid .recipe-list__item {
display: block;
+ line-height: 1.12;
margin: 0;
}
@@ -277,7 +282,6 @@ body .recipe-list .recipe-list__item--hidden {
-webkit-line-clamp: 2;
font-size: 110%;
font-weight: 700;
- line-height: 1.4;
overflow: hidden;
padding: 0 1em;
text-overflow: ellipsis;
diff --git a/styles/stylesheet.css b/styles/stylesheet.css
index dc38a18..716faa1 100644
--- a/styles/stylesheet.css
+++ b/styles/stylesheet.css
@@ -261,6 +261,7 @@ img {
width: 90%;
max-width: 900px;
margin: 0 auto;
+ min-width: 320px;
padding: 1em 0 4em 0;
}
diff --git a/styles/vars.css b/styles/vars.css
index 2defb63..d8a50da 100644
--- a/styles/vars.css
+++ b/styles/vars.css
@@ -19,7 +19,7 @@
--color-peach-30: rgb(236, 169, 111);
--color-peach-80: rgb(193, 89, 0);
- --color-olive-50: rgba(255, 255, 0, 0.5);
+ --color-olive-50: rgb(255 250 225); /* rgba(255, 255, 0, 0.5); */
--color-olive-90: rgba(255, 255, 0, 0.25);
/*-----*: GLobal :*-----*/