Create cluster.css

projects/pi-atlas/styles/cluster.css

@@ -0,0 +1,76 @@
+/* Cluster Styles */
+
+.cluster-container {
+  background-color: #f7f7f7;
+  border: 1px solid #ddd;
+  padding: 20px;
+  margin: 20px;
+  width: 300px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.cluster-header {
+  background-color: #337ab7;
+  color: #fff;
+  padding: 10px;
+  text-align: center;
+  border-bottom: 1px solid #ddd;
+}
+
+.cluster-header h2 {
+  margin-top: 0;
+}
+
+.cluster-content {
+  padding: 20px;
+}
+
+.cluster-content ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.cluster-content li {
+  margin-bottom: 10px;
+}
+
+.cluster-content li:before {
+  content: "\2022";
+  margin-right: 10px;
+  color: #337ab7;
+}
+
+.cluster-footer {
+  background-color: #f7f7f7;
+  padding: 10px;
+  text-align: center;
+  border-top: 1px solid #ddd;
+}
+
+.cluster-footer button {
+  background-color: #337ab7;
+  color: #fff;
+  border: none;
+  padding: 10px 20px;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.cluster-footer button:hover {
+  background-color: #23527c;
+}
+
+.cluster-map {
+  width: 100%;
+  height: 200px;
+  border: 1px solid #ddd;
+  padding: 20px;
+}
+
+.cluster-map svg {
+  width: 100%;
+  height: 100%;
+}