sensor and location wip

Sean/views/style.css

@@ -556,5 +556,83 @@ footer {
 	font-weight: bold; /* Make condition labels bold */
   }
   
- 
-  
+  .sensor-creation-container {
+    max-width: 600px;
+    margin: 10px auto;
+    background-color: #f9f9f9;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    margin-left: 20px; /* Adjust the value as needed */
+}
+
+.input-box {
+    margin-bottom: 15px;
+}
+
+.input-box input,
+.input-box select {
+    width: 100%;
+    padding: 8px;
+    box-sizing: border-box;
+}
+
+.button input {
+    background-color: #4CAF50;
+    color: white;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 16px;
+}
+
+.button input:hover {
+    background-color: #45a049;
+}
+#additional-text4 {
+	width: 30%; /* Adjust the width as needed */
+	margin-left: 500px; /* Push it to the right */
+	margin-top: -450px; /* Adjust the negative margin to move it up */
+	padding: 10px; /* Add padding for spacing */
+	background-color: #f4f4f4; /* Add background color if desired */
+	border-radius: 5px; /* Add border-radius for rounded corners */
+	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add box shadow for a subtle effect */
+    border: 1px solid #ddd; /* Add a 1px solid border with light gray color */
+	font-family: 'Open Sans', sans-serif;
+  }
+#additional-text4 p {
+	font-size: 16px; /* Adjust font size as needed */
+	line-height: 1.6; /* Adjust line height for better readability */
+  }
+  
+  #additional-text4 .condition {
+	margin-bottom: 10px; /* Add space between conditions */
+  }
+  
+  #additional-text4 .condition span {
+	font-weight: bold; /* Make condition labels bold */
+  }
+  
+  #additional-text4 .condition.error {
+	color: red; /* Change text color for error conditions */
+  }
+  
+  #additional-text4 .condition.success {
+	color: green; /* Change text color for success conditions */
+  }
+  .custom-location-form {
+    max-width: 600px;
+    margin: 10px auto 20px; /* Adjust the top and bottom margins */
+    background-color: #f9f9f9;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    margin-left: 20px; /* Adjust the left margin as needed */
+    margin-top: 0px; /* Adjust the top margin to move it up */
+  }
+  
+  /* Add any other specific styles for this form */
+  .custom-location-form h3 {
+    color: #333; /* Customize the heading color */
+  }