diff --git a/index.html b/index.html
index c170e0c..ef6e283 100644
--- a/index.html
+++ b/index.html
@@ -55,6 +55,14 @@
Pěstounská péče
Et quasi reprehenderit architecto enim dicta modi consequuntur delectus.
+
+
+ Stáhnout
+
+
+ (PDF 2,8MB)
+
+
@@ -62,6 +70,14 @@
Pěstounská péče
Et quasi reprehenderit architecto enim dicta modi consequuntur delectus.
+
+
+ Stáhnout
+
+
+ (PDF 2,8MB)
+
+
@@ -69,6 +85,14 @@
Pěstounská péče
Et quasi reprehenderit architecto enim dicta modi consequuntur delectus.
+
+
+ Stáhnout
+
+
+ (PDF 2,8MB)
+
+
diff --git a/sass/style.scss b/sass/style.scss
index 121ad2d..f9bfd09 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -189,12 +189,13 @@ body.noscroll {
padding: 2em;
background-color: $col-bg;
text-align: left;
+ user-select: none;
img {
width: 100%;
}
- .title {
+ &>.title {
position: relative;
font-weight: bold;
font-size: 1.138rem;
@@ -211,6 +212,34 @@ body.noscroll {
background-color: #fff;
}
}
+
+ .download {
+ margin-top: 1rem;
+ cursor: pointer;
+
+ &:hover {
+ color: lighten($col-accent, 25%);
+ }
+
+ .title {
+ display: flex;
+ align-items: baseline;
+ font-size: 1.25em;
+ font-weight: bold;
+ margin-bottom: .25em;
+
+ &:after {
+ content: url("/static/img/download-icon.svg");
+ display: inline-block;
+ height: 1em;
+ margin-left: .5rem;
+ }
+ }
+ .meta {
+ color: darken(#fff, 50%);
+ font-size: .85em;
+ }
+ }
}
}
diff --git a/static/img/download-icon.svg b/static/img/download-icon.svg
new file mode 100644
index 0000000..66de203
--- /dev/null
+++ b/static/img/download-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file