From c579f2ce3eab54789f5e4c140cd0f5b71de6e5a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A1szl=C3=B3=20Monda?= <laci@monda.hu>
Date: Wed, 18 Oct 2017 13:52:06 +0200
Subject: [PATCH] Leave more space above and below the explanatory text of the
 device configuration screen.

---
 .../configuration/device-configuration.component.html      | 7 ++++---
 .../configuration/device-configuration.component.scss      | 4 ++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.html b/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.html
index a091e108..c08da1c0 100644
--- a/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.html
+++ b/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.html
@@ -3,10 +3,11 @@
     <span>Device configuration</span>
 </h1>
 
+<p>
+    The device configuration contains all the keymaps, macros, and settings that are stored on the device.
+</p>
+
 <ul class="list-unstyled btn-list">
-    <li>
-        The device configuration contains all the keymaps, macros, and settings that are stored on the device.
-    </li>
     <li>
         <button class="btn btn-default"
                 (click)="saveConfigurationInJSONFormat()">Download device configuration
diff --git a/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.scss b/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.scss
index 0969ec68..2fb5db8a 100644
--- a/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.scss
+++ b/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.scss
@@ -2,4 +2,8 @@
     overflow-y: auto;
     display: block;
     height: 100%;
+
+    p {
+        margin: 1.5rem 0px 1.5rem;
+    }
 }