diff --git a/src/scss/modules/modals/_main.scss b/src/scss/modules/modals/_main.scss index 4b4df647..cebe4e74 100644 --- a/src/scss/modules/modals/_main.scss +++ b/src/scss/modules/modals/_main.scss @@ -102,27 +102,6 @@ } } -.content { - margin-top: -20px; - width: 900px; - - h1 { - font-size: 35px; - } - - p { - font-size: 16px; - } - - .columns { - font-size: 15px; - - li { - padding-left: 10px; - } - } -} - .ReactModal__Overlay { opacity: 0; transform: scale(0); @@ -199,6 +178,12 @@ li { background: rgba(219, 219, 219, 0.72); } +@media only screen and (max-height: 898px) { + ul.sidebar { + height: auto; + } +} + @media only screen and (max-width: 1200px) { li.tab-list-item { span { @@ -221,28 +206,6 @@ li { } } -ul.sectionSelector { - margin: 0; - width: 60%; - padding-left: 30%; - padding-top: 20px; - - .option { - display: inline; - padding: 15px; - font-size: 28px; - } -} - -@media only screen and (max-width: 1200px) { - ul.sectionSelector { - span { - display: none; - padding: 5px !important; - } - } -} - .tab-content { position: absolute; left: 25%; @@ -310,12 +273,6 @@ ul.sectionSelector { } } -.tabIndicator { - width: 40px; - height: 3px; - background: #000; -} - @media only screen and (max-width: 1200px) { .tabContent { left: 20px; @@ -366,4 +323,4 @@ ul.sectionSelector { height: auto; border-radius: 50%; padding-right: 5px; -} +} \ No newline at end of file