From aeed192cf83d71eaa2c55b73eb407fe3927d3867 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Thu, 17 Oct 2019 17:07:49 +0200
Subject: [PATCH] cnil: style responsive steps

---
 static/cnil/_custom.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/static/cnil/_custom.scss b/static/cnil/_custom.scss
index 397407be..a0211f40 100644
--- a/static/cnil/_custom.scss
+++ b/static/cnil/_custom.scss
@@ -96,7 +96,7 @@ div#title-section {
 	}
 }
 
-div#steps {
+div#rub_service div#steps {
 	ol {
 		display: flex;
 		justify-content: center;
@@ -120,6 +120,7 @@ div#steps {
 				height: 50px;
 				line-height: 50px;
 				border-radius: 50px;
+				padding: 0;
 			}
 			span.label {
 				order: 0;
@@ -127,6 +128,9 @@ div#steps {
 				font-size: 80%;
 				text-transform: uppercase;
 				height: 2rem;
+				@media screen and (max-width: $mobile-limit) {
+					height: auto;
+				}
 			}
 			&.current {
 				span.marker {
@@ -151,6 +155,15 @@ div#steps {
 				content: none;
 			}
 		}
+		@media screen and (max-width: $mobile-limit) {
+			flex-direction: column;
+			li {
+				margin: 0 auto;
+				&::after {
+					content: none;
+				}
+			}
+		}
 	}
 }