modif css, retrait section test, ajout config.nim

public/css/styles.css

@@ -22,15 +22,18 @@
 }
 
 
-body {
+html, body {
   margin: 0;
   font-family: Poppins-Regular, sans-serif;
+  height:100%;
 }
 
 *,
 *::before,
 *::after {
   box-sizing: border-box;
+  margin: 0;
+  padding: 0;
 }
 
 a {
@@ -51,11 +54,11 @@ a {
   --light-gray: rgb(144, 144, 144);
   --medium-gray: rgb(96, 96, 96);
   --dark-gray: rgb(13, 13, 13);
-  --header-height: 40px;
   --animation-duration: 200ms;
   --animation-timing-curve: ease-in-out;
   --blue-joplin-color: #0053b8;
   --light-blue-joplin-color: rgb(237, 241, 243);
+  --header-height: 50px;
 }
 
 .header {
@@ -85,6 +88,7 @@ a {
   float: left;
   padding: 10px;
   height: calc(100vh - var(--header-height));
+  /* height: auto; */
   /* flex: 50%; */
   width: 100%;
 }
@@ -92,8 +96,8 @@ a {
 .column .scrollbar {
   /* margin-left: 30px; */
   /* float: left; */
-  height: 950px;
-  /* width: 300px; */
+  /* min-height: 100px; */
+  height: 800px;
   background: #fff;
   overflow-y: scroll;
   /* margin-bottom: 25px; */
@@ -202,6 +206,7 @@ a {
 
 .container {
   display: flex;
+  height: 94%;
 }
 
 .vertical-center {
@@ -215,7 +220,16 @@ a {
 }
 
 .content {
-  margin: 1rem;
+  /* margin: 1rem; */
+  width: 1200px;
+  min-height: 100px;
+  height: auto;
+  margin: 80px auto 0px auto;
+  /* background-color: black; */
+  padding: 10px 10px;
+  display:table;
+  overflow:hidden;
+  height:100%;
 }
 
 .sidebar-list {
@@ -300,7 +314,7 @@ a {
 }
 
 .sidebar.open .top-sidebar {
-  height: 140px;
+  height: 150px;
 }
 
 .sidebar .top-sidebar .hidden-sidebar {