From 1dd1805ae02ba036a2119c736227e954dbd3344f Mon Sep 17 00:00:00 2001
From: Aleksandr Gumroian <aleksandr.gumroian@nic.cz>
Date: Thu, 6 Aug 2020 17:25:38 +0200
Subject: [PATCH] Fix buttons size outside of form's card layout

---
 src/bootstrap/constants.js                   | 3 ++-
 src/common/RebootButton.js                   | 4 ----
 src/common/WiFiSettings/ResetWiFiSettings.js | 4 ++--
 src/index.js                                 | 2 +-
 4 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/bootstrap/constants.js b/src/bootstrap/constants.js
index 84b5761..5408a3c 100644
--- a/src/bootstrap/constants.js
+++ b/src/bootstrap/constants.js
@@ -7,4 +7,5 @@
 
 /** Bootstrap column size for form fields */
 // eslint-disable-next-line import/prefer-default-export
-export const formFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3";
+export const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-3";
+export const buttonFormFieldSize = "col-sm-12 col-lg-12 p-0 mb-3";
diff --git a/src/common/RebootButton.js b/src/common/RebootButton.js
index 1a6182b..f90620a 100644
--- a/src/common/RebootButton.js
+++ b/src/common/RebootButton.js
@@ -18,10 +18,6 @@ import {
 } from "../bootstrap/Modal";
 import { useAlert } from "../alertContext/AlertContext";
 
-RebootButton.propTypes = {
-    forisFormSize: PropTypes.bool,
-};
-
 export function RebootButton(props) {
     const [triggered, setTriggered] = useState(false);
     const [modalShown, setModalShown] = useState(false);
diff --git a/src/common/WiFiSettings/ResetWiFiSettings.js b/src/common/WiFiSettings/ResetWiFiSettings.js
index bb9299d..b8a0c2c 100644
--- a/src/common/WiFiSettings/ResetWiFiSettings.js
+++ b/src/common/WiFiSettings/ResetWiFiSettings.js
@@ -13,7 +13,7 @@ import { useAlert } from "../../alertContext/AlertContext";
 import { ALERT_TYPES } from "../../bootstrap/Alert";
 import { useAPIPost } from "../../api/hooks";
 import { API_STATE } from "../../api/utils";
-import { formFieldsSize } from "../../bootstrap/constants";
+import { buttonFormFieldSize } from "../../bootstrap/constants";
 
 ResetWiFiSettings.propTypes = {
     ws: PropTypes.object.isRequired,
@@ -57,7 +57,7 @@ If a number of wireless cards doesn't match, you may try to reset the Wi-Fi sett
 current Wi-Fi configuration and restore the default values.
         `)}
             </p>
-            <div className={`${formFieldsSize} text-right`}>
+            <div className={`${buttonFormFieldSize} text-right`}>
                 <Button
                     className="btn-warning"
                     forisFormSize
diff --git a/src/index.js b/src/index.js
index f0b29ca..832816d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -30,7 +30,7 @@ export { PasswordInput } from "./bootstrap/PasswordInput";
 export { Radio, RadioSet } from "./bootstrap/RadioSet";
 export { Select } from "./bootstrap/Select";
 export { TextInput } from "./bootstrap/TextInput";
-export { formFieldsSize } from "./bootstrap/constants";
+export { formFieldsSize, buttonFormFieldSize } from "./bootstrap/constants";
 
 export {
     Spinner,