+
{
{renderInterfaces(interfaces)}
- {interfaceValue
- && renderInterfaceValues(interfaceValue)}
+ {interfaceValue
+ && renderInterfaceValues(interfaceValue)}
>;
};
diff --git a/client/src/components/Settings/Dhcp/index.css b/client/src/components/Settings/Dhcp/index.css
index 5395f85d..7cf92aee 100644
--- a/client/src/components/Settings/Dhcp/index.css
+++ b/client/src/components/Settings/Dhcp/index.css
@@ -12,6 +12,10 @@
max-width: 50%;
}
+.dhcp__interfaces {
+ padding-bottom: 1rem;
+}
+
@media (max-width: 991.98px) {
.dhcp-form__button {
margin: 0.5rem 0;
@@ -28,4 +32,13 @@
flex: 0 0 100%;
max-width: 100%;
}
+
+ .dhcp__interfaces {
+ flex-direction: column;
+ padding-bottom: 0.5rem;
+ }
+
+ .dhcp__interfaces-info {
+ padding-left: 1.5rem;
+ }
}