style: adjust for mobiles

[panikweb-esperanzah.git] / panikweb_esperanzah / static / css / _specifics.scss

diff --git a/panikweb_esperanzah/static/css/_specifics.scss b/panikweb_esperanzah/static/css/_specifics.scss
index 37e2947ccf159437c68ec4b8782744a5ca500984..0bb703cc7baf6e65ba631269578e6ef0999f8936 100644 (file)
--- a/panikweb_esperanzah/static/css/_specifics.scss
+++ b/panikweb_esperanzah/static/css/_specifics.scss
@@ -348,6 +348,13 @@ body{
                position: absolute;
                top: 60px;
                left: 100px;
+               @media screen and (max-width: $size_s) {
+                       transform: scale(0.8);
+               }
+               @media screen and (max-width: $size_m) {
+                       left: 40px;
+                       top: 10px;
+               }
        }
 }
 #Player {
@@ -2185,6 +2192,8 @@ div.emission-detail {
                                max-width: 100%;
                                overflow: hidden;
                                height: 260px;
+                               width: 260px;
+                               margin: auto;
                        }
                }
                padding-top: 2rem;