Removed split styling

Co-authored-by: Jasmine Noor <jasnoo@users.noreply.github.com>
Co-authored-by: Minzo Kim <minzo-kim@users.noreply.github.com>
Co-authored-by: Jackie Yuan <yuanjackie1@users.noreply.github.com>

Author: 4 people

src/app/styles/base/_base.scss

@@ -23,9 +23,7 @@ body {
 .state-container-container {
   grid-area: states;
 }
-.split {
-  grid-area: states;
-}
+
 .buttons-container {
   grid-area: buttons;
   border-color: rgba(41, 41, 41, 1);

src/app/styles/components/_buttons.scss

@@ -188,8 +188,7 @@
 .import-button,
 .howToUse-button,
 .export-button,
-.pause-button,
-.split-button {
+.pause-button {
   @extend %button-shared;
   color: white;
   border-color: transparent;
@@ -199,8 +198,7 @@
 .import-button:hover,
 .howToUse-button:hover,
 .export-button:hover,
-.pause-button:hover,
-.split-button:hover {
+.pause-button:hover {
   @extend %button-shared;
   color: #62d6fb;
   box-shadow: 1px 1px 2px 1px rgba(30, 86, 171, 0.25);

src/app/styles/layout/_buttonsContainer.scss

@@ -5,7 +5,7 @@
 .buttons-container {
 	margin: 0 1% 0 1%;
 	display: grid;
-	grid-template-columns: repeat(5, 1fr);
+	grid-template-columns: repeat(4, 1fr);
 	grid-gap: 1%;
 	padding: 1% 0 1% 0;
 }

src/app/styles/layout/_mainContainer.scss

@@ -8,8 +8,3 @@
 .state-container-container{
   display: contents;
 }
-
-.split {
-  display: flex;
-  overflow-y: auto;
-}