From f65fba07b978f1c7264c453cd107f1cff4fa305b Mon Sep 17 00:00:00 2001
From: Alexandre Aubin <alex.aubin@mailoo.org>
Date: Mon, 8 Feb 2021 01:15:58 +0100
Subject: [PATCH] Cosmetics for install process hardware choice

---
 .../02.install/01.install_process/install_process.md      | 8 +-------
 themes/yunohost-docs/css/custom.css                       | 6 ++++++
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/01.administrate/02.install/01.install_process/install_process.md b/pages/01.administrate/02.install/01.install_process/install_process.md
index 987bdf64..83446a9e 100644
--- a/pages/01.administrate/02.install/01.install_process/install_process.md
+++ b/pages/01.administrate/02.install/01.install_process/install_process.md
@@ -60,12 +60,6 @@ routes:
   {% set at_home = true %}
 {% endif %}
 
-<style>
-.hardware.active {
-    border: 3px solid #5a5;
-    border-radius: 15px;
-}
-</style>
 Select the hardware on which you want install YunoHost :
 [div class="flex-container"]
 
@@ -94,7 +88,7 @@ Select the hardware on which you want install YunoHost :
 [/div]
 
 [/div]
-[div class="flex-container"]
+[div class="flex-container pt-2"]
 
 {% if rpi2plus or rpi1 or rpi0 %}
 [div class="flex-child hardware{%if rpi2plus %} active{% endif %}"]
diff --git a/themes/yunohost-docs/css/custom.css b/themes/yunohost-docs/css/custom.css
index ead0ef98..c62c3ab6 100644
--- a/themes/yunohost-docs/css/custom.css
+++ b/themes/yunohost-docs/css/custom.css
@@ -195,6 +195,12 @@ body .off-canvas .learn-sidebar .searchbox input {
   Style sheet for the cards
 ###############################################################################
 */
+
+.hardware.active {
+    box-shadow: 0 0 15px #bbb;
+    border-radius: 5px;
+}
+
 .hardware-image #cards-list:after {
     content:'';
     display:block;