diff --git a/src/Components/Document/DocumentListPage.js b/src/Components/Document/DocumentListPage.js index efd46ba..a69114c 100644 --- a/src/Components/Document/DocumentListPage.js +++ b/src/Components/Document/DocumentListPage.js @@ -190,11 +190,14 @@ const DocumentListPage = ({ perPage }) => { {allDocs.length > 0 ? (
-

Min

- - - -

Max

+
+
Response Verbosity
+
+

Min

+ +

Max

+
+
diff --git a/src/styles/doclist-page.scss b/src/styles/doclist-page.scss index 0382a39..f922e75 100644 --- a/src/styles/doclist-page.scss +++ b/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; + } +}