From 029f211b587209e5511aa2b5debecd5ddae4dd37 Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Sun, 18 Mar 2018 20:05:00 +0100
Subject: [PATCH] Improved mobile UX
---
assets/sass/_page_image_detail.sass | 11 +++++++++++
1 file changed, 11 insertions(+)
diff --git a/assets/sass/_page_image_detail.sass b/assets/sass/_page_image_detail.sass
index 803119d..aa2c157 100644
--- a/assets/sass/_page_image_detail.sass
+++ b/assets/sass/_page_image_detail.sass
@@ -14,6 +14,9 @@
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4)
padding: 8px
margin-bottom: 8px
+ @media (max-width: 1024px)
+ padding: 16px
+ margin-bottom: 32px
p
color: #ffffff
div
@@ -48,6 +51,8 @@
display: flex
flex-direction: row
margin-bottom: 8px
+ @media (max-width: 1024px)
+ margin-bottom: 32px
.delete-form, .update-form
display: flex
flex-grow: 1
@@ -64,9 +69,15 @@
margin: 8px
flex-grow: 1
cursor: pointer
+ @media (max-width: 1024px)
+ margin: 16px
&:hover, &:focus
background: #FFD54F
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
+ @media (max-width: 1024px)
+ width: auto
+ margin-left: 0
+ margin-top: 32px
.detail
max-width: 640px
width: 100%
--
GitLab