more

src/styles/doclist-page.scss

@@ -56,16 +56,38 @@
   display: flex;
   flex-direction: row;
   width: 100%;
-  background-color: yellow;
 }
 
 .list-upper-left {
-  background-color: blue;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
   width: 95%;
 }
 
+.toggle-outer {
+  display: flex;
+  flex-direction: column;
+}
+
+.toggle-box {
+  display: flex;
+  flex-direction: row;
+  width: 200px;
+  height: 15px;
+  justify-content: space-evenly;
+}
+
+.toggle-header {
+  display: flex;
+  justify-content: center;
+  padding-right: 16px;
+  margin-top: -8px;
+  height: 28px;
+}
+
 .list-upper-right {
-  background-color: red;
+  //
 }
 
 .document-list-lower-wrapper {
@@ -85,3 +107,9 @@
 .content-container {
   padding: 0rem 1rem;
 }
+
+@media only screen and (max-width: 1120px) {
+  .list-upper-left {
+    width: 980px;
+  }
+}