formatting update

materialscloud-org · Aug 8, 2024 · 54bc5b8 · 54bc5b8
1 parent 3871340
commit 54bc5b8
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 47 deletions.
diff --git a/src/App.css b/src/App.css
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,6 +1,5 @@
 import { useState, useEffect } from "react";
 
-import "./App.css";
 import StructureVisualizer from "./StructureVisualizer";
 
 async function fetchCif3D() {

diff --git a/src/StructureVisualizer/ControlBox/index.css b/src/StructureVisualizer/ControlBox/index.css
@@ -4,21 +4,22 @@
   width: 100%;
   background: #f8f8f8;
   text-align: center;
-  border: 1px solid #999;
+  /* border: 1px solid #999; */
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: center;
   align-items: start;
-  border-radius: 5px;
-  margin-top: -5px;
-  padding: 15px 10px 10px 10px;
+  /* border-radius: 5px; */
+  margin-top: -2px;
+  padding: 10px;
 }
 
 .supercell-container {
   display: flex;
   align-items: center;
   gap: 2px;
+  padding: 2px;
 }
 
 .supercell-input {
@@ -33,7 +34,7 @@
 
 .control-box-row {
   /* margin: 3px; */
-  padding: 4px;
+  padding: 2px;
   width: 100%;
   line-height: inherit;
   /* background-color: pink; */
@@ -59,6 +60,7 @@
   justify-items: center;
   text-align: center;
   gap: 2px;
+  padding: 2px;
 }
 
 .camera-button {

diff --git a/src/StructureVisualizer/StructureWindow/index.css b/src/StructureVisualizer/StructureWindow/index.css
@@ -18,11 +18,11 @@
   width: 100%;
   background: white;
   text-align: center;
-  border: 1px solid #999;
+  border-bottom: 1px solid #999;
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 5px;
+  /* border-radius: 5px; */
 }
 
 .disable-mouse {
@@ -37,7 +37,7 @@
   border-radius: 5px;
   position: absolute;
   bottom: 10px;
-  right: 10px;
+  left: 10px;
   z-index: 3;
   cursor: pointer;
   user-select: none;

diff --git a/src/StructureVisualizer/index.css b/src/StructureVisualizer/index.css
@@ -6,4 +6,7 @@
   font-size: 16px;
   display: flex;
   flex-direction: column;
+  border-radius: 5px;
+  border: 1px solid #999;
+  overflow: hidden;
 }
diff --git a/src/index.css b/src/index.css
@@ -5,6 +5,7 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background-color: rgb(180, 237, 252);
 }
 
 code {