From 54bc5b826ad4d2397ecf27990a73a09e755182f8 Mon Sep 17 00:00:00 2001
From: Kristjan Eimre <kristjaneimre@gmail.com>
Date: Thu, 8 Aug 2024 12:16:06 +0300
Subject: [PATCH] formatting update

---
 src/App.css                                   | 38 -------------------
 src/App.jsx                                   |  1 -
 src/StructureVisualizer/ControlBox/index.css  | 12 +++---
 .../StructureWindow/index.css                 |  6 +--
 src/StructureVisualizer/index.css             |  3 ++
 src/index.css                                 |  1 +
 6 files changed, 14 insertions(+), 47 deletions(-)
 delete mode 100644 src/App.css

diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index 1a8c21d..0000000
--- a/src/App.css
+++ /dev/null
@@ -1,38 +0,0 @@
-/* .App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-} */
diff --git a/src/App.jsx b/src/App.jsx
index df66bb1..7031cef 100644
--- 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
index b7b670b..a7fddda 100644
--- 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
index 3e64452..2428265 100644
--- 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
index d72f332..ca4df35 100644
--- 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
index 4a1df4d..c1c83fd 100644
--- 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 {