- added page managebandi;

- improved styles of the pages and sections;

src/assets/scss/theme.scss

@@ -16,22 +16,38 @@
   --card-full-background-color-1: #3B7C43;
 }
 
-body {
-  margin: 0;
-}
-
-.wrapper {
+html {
+  min-height: 100%;
   display: flex;
   flex-direction: column;
-  height: 100vh;
-  min-height: 0;
+}
+
+body {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  margin: 0;
+  font-family: 'Montserrat';
+
+  p, span, input, label, textarea, a, li, h1, h2, h3, h4, h5, h6, div, th, td, button {
+    font-family: 'Montserrat';
+  }
+}
+
+#root, .wrapper {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
 }
 .inner {
   display: flex;
   height: 100%;
   min-height: 0;
+  flex-grow: 1;
 
-  > sidebar {
+  > aside {
     flex: 0 0 320px;
     border-right: 1px solid var(--menu-borderColor);
 
@@ -42,11 +58,13 @@ body {
       margin: 0;
       padding: 0;
 
-      li a {
+      li a, li button {
         display: flex;
         padding: 10.5px 17.5px;
         align-items: center;
         gap: 7px;
+        width: 100%;
+        border: 0;
         border-bottom: 1px solid var(--menu-borderColor);
         color: var(--menuitem-color);
         background-color: transparent;
@@ -56,6 +74,10 @@ body {
         line-height: 100%;
         text-decoration: none;
 
+        &:hover {
+          cursor: pointer;
+        }
+
         i {
           color: var(--text-color-secondary);
         }
@@ -75,10 +97,12 @@ body {
   > main {
     flex: 1 1 auto;
     box-sizing: border-box;
-    padding: 0 24px;
+    padding: 0 24px 50px;
   }
 }
 
-@import "./components/topBar.css";
-@import "./components/appPage.css";
-@import "./components/statsBigBadges.css";
+@import "./components/topBar.scss";
+@import "./components/appPage.scss";
+@import "./components/statsBigBadges.scss";
+@import "./components/bandoStatusTag.scss";
+@import "./components/appForm.scss";