Merge pull request #50 from simatec/patch-1

(simatec) Responsive Design added
disaster123 · Nov 4, 2024 · 660efc0 · 660efc0
2 parents 688b75d + 002ed01
commit 660efc0
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 13 deletions.
diff --git a/admin/index_m.html b/admin/index_m.html
@@ -77,8 +77,8 @@
 		<div class="row">
 			<div class="col s12">
 				<ul class="tabs">
-					<li class="tab col s2"><a href="#tab-main"    class="translate active">Main settings</a></li>
-					<li class="tab col s2"><a href="#tab-devices" class="translate">addresses</a></li>
+					<li class="tab col s4 m4 l3"><a href="#tab-main"    class="translate active">Main settings</a></li>
+					<li class="tab col s4 m4 l3"><a href="#tab-devices" class="translate">addresses</a></li>
 				</ul>
 			</div>
 		</div>
@@ -88,47 +88,47 @@
 		<!-- For example columns with settings: -->
 		<div id="tab-main" class="col s12 page">
 			<div class="row">
-				<div class="col s12 m4 l2">
+				<div class="col s8 m4 l2">
 					<img src="signifylights.png" class="logo">
 				</div>
 			</div>
 			<div class="row">
 
-				<div class="col s4 input-field">
+				<div class="col s12 m6 l4 input-field">
 					<input type="text" class="value" id="bind_ip" />
 					<label for="bind_ip" class="translate">Bind IP-Address</label>
 				</div>
-				<div class="col s4 input-field">
+				<div class="col s12 m6 l4 input-field">
 					<input type="checkbox" class="value" id="register_devices" />
 					<label for="register_devices" class="translate">register devices for Auto update</label>
 				</div>
 
-				<div class="col s4 input-field">
+				<div class="col s12 m6 l4 input-field">
 					<input type="text" class="value" id="polling_intervall" />
 					<label for="polling_intervall" class="translate">Polling Interval</label>
 				</div>
 			</div>
 			<div class="row">				
-				<div class="col s4 input-field">
+				<div class="col s12 m6 l4 input-field">
 					<input type="text" class="value" id="listed_online" />
 					<label for="listed_online" class="translate">treat as online (s)</label>
 				</div>
 			</div>
 			<div class="row">				
-				<div class="col s4 input-field">
+				<div class="col s12 m6 l4 input-field">
 					<input type="text" class="value" id="udpip" />
 					<label for="udpip" class="translate">udp target ip for auto update</label>
 				</div>
 			</div>
 			<div class="row">				
-				<div class="col s4 input-field">
+				<div class="col s12 m6 l4 input-field">
 					<input type="text" class="value" id="udpmac" />
 					<label for="udpmac" class="translate">udp mac adress for auto update</label>
 				</div>
 			</div>
 		</div>
 		<div id="tab-devices" class="col s12 page">
-				<div class="col s12" id="devices">
+				<div class="col s12 m12 l12" id="devices">
 					<a class="btn-floating waves-effect waves-light blue table-button-add"><i class="material-icons">add</i></a>
 					<div class="table-values-div">
 						<table class="table-values">

diff --git a/admin/style.css b/admin/style.css
@@ -2,23 +2,26 @@
 * {
 	box-sizing: border-box
 }
+
 .m {
 	/* Don't cut off dropdowns! */
 	overflow: initial;
 }
+
 .m.adapter-container,
-.m.adapter-container > div.App {
+.m.adapter-container>div.App {
 	/* Fix layout/scrolling issues with tabs */
 	height: 100%;
 	width: 100%;
 	position: relative;
 }
-.m .select-wrapper + label {
+
+.m .select-wrapper+label {
 	/* The positioning for dropdown labels is messed up */
 	transform: none !important;
 }
 
-label > i[title] {
+label>i[title] {
 	/* Display the help cursor for the tooltip icons and fix their positioning */
 	cursor: help;
 	margin-left: 0.25em;
@@ -30,3 +33,12 @@ label > i[title] {
 }
 
 /* Add your styles here */
+.m .row {
+	margin-left: auto !important;
+	margin-right: auto !important;
+	margin-bottom: 20px;
+}
+
+body {
+	overflow: hidden;
+}