[Style] Calendar and entire margin resize

@@ -4,7 +4,7 @@ h2 {
 }
 }
 
 
 .App {
 .App {
-  margin: 12px;
+  margin: 8px;
 }
 }
 
 
 button {
 button {

 header {
 header {
   background-color: rgba(255, 255, 255, 1);
   background-color: rgba(255, 255, 255, 1);
   display: flex;
   display: flex;
-  margin-bottom: 12px;
+  padding-bottom: 8px;
   justify-content: space-between;
   justify-content: space-between;
   align-items: center;
   align-items: center;
+  border-bottom: solid thin lightgrey;
 }
 }
 
 
 .hl {
 .hl {

@@ -17,9 +17,9 @@
 }
 }
 
 
 .GridHeadItem {
 .GridHeadItem {
-  height: 30px;
+  height: 20px;
   text-align: center;
   text-align: center;
-  line-height: 30px;
+  line-height: 20px;
   padding: 10px 5px 10px 5px;
   padding: 10px 5px 10px 5px;
 }
 }
 
 
@@ -35,7 +35,7 @@
   display: grid;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   overflow-y: auto;
   overflow-y: auto;
-  height: calc(100vh - 85px - 50px);
+  height: calc(100vh - 115px);
   border: solid thin gray;
   border: solid thin gray;
 }
 }
 
 

 aside {
 aside {
-  width: 250px;
+  width: 220px;
   margin-right: 8px;
   margin-right: 8px;
   padding-top: 50px;
   padding-top: 50px;
 }
 }
 
 
 .SideSubject {
 .SideSubject {
   height: 25px;
   height: 25px;
-  padding: 5px;
+  padding: 5px 0px 5px 0px;
   display: flex;
   display: flex;
 }
 }