From 7f998f53d1da2571e97388816437fcbef1439b11 Mon Sep 17 00:00:00 2001
From: Alexis POYEN <apoyen@grandlyon.com>
Date: Tue, 18 Aug 2020 16:15:22 +0200
Subject: [PATCH] UI : reponsive design for votes
---
web/components/vote/votes.js | 2 +-
web/style.css | 7 +++++++
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/web/components/vote/votes.js b/web/components/vote/votes.js
index 8fbace6..c995d26 100644
--- a/web/components/vote/votes.js
+++ b/web/components/vote/votes.js
@@ -56,7 +56,7 @@ class Vote {
<nav class="level">
<div class="level-left" id="votes-stats" style="margin: auto;
width: 100%;"></div>
- <div class="level-right">
+ <div id="votes-buttons" class="level-right">
<button id="votes-return" class="button level-item">
Retour
</button>
diff --git a/web/style.css b/web/style.css
index afdce6f..1632acf 100644
--- a/web/style.css
+++ b/web/style.css
@@ -232,3 +232,10 @@ select {
text-align: justify;
padding: 2em;
}
+
+@media only screen and (max-device-width: 480px) {
+ #votes-buttons {
+ justify-content: center;
+ display: grid;
+ }
+}
--
GitLab