diff --git a/src/app/results/results.component.css b/src/app/results/results.component.css index 5aa78c1c2c..8efc80a5b9 100644 --- a/src/app/results/results.component.css +++ b/src/app/results/results.component.css @@ -371,12 +371,48 @@ div.autocorrect { /*Responsiveness*/ - @media screen and (max-width: 811px) and (min-width: 768px) { +@media screen and (max-width: 811px) and (min-width: 768px) { #settings{ + left: -15%; + } + #tools{ + left: -15%; + } +} +@media screen and (max-width: 767px) and (min-width: 736px) { + #settings{ + left: 5%; + } + #tools{ + left: 5%; + } +} +@media screen and (max-width: 735px) and (min-width: 640px) { + #tools{ left: -5%; } +} + +@media screen and (max-width: 560px) and (min-width: 495px) { + #settings{ + left: 27%; + } + #tools{ + left: 27%; + } +} + +@media screen and (max-width: 495px) { + #settings{ + left: 10%; + } #tools{ - left: -7%; + display:none; + } +} +@media screen and (max-width: 420px) { + #settings{ + left: 5%; } } @@ -474,14 +510,6 @@ div.autocorrect { padding-top: 8%; } - #settings { - left: 4.5%; - } - - #tools { - left: 4.5%; - } - #setting-dropdown { min-width: 100px; margin-left: 0; @@ -533,19 +561,6 @@ div.autocorrect { left:0; } - #settings { - left:0; - } - - #tools { - left:0; - } - - #search-options li { - padding-left: 5vw; - padding-right: 5vw; - } - #setting-dropdown li { padding-left: 0!important; padding-right: 0!important; diff --git a/src/app/results/results.component.html b/src/app/results/results.component.html index 33e9825c75..70eef12eac 100644 --- a/src/app/results/results.component.html +++ b/src/app/results/results.component.html @@ -36,7 +36,7 @@
-
+
{{message}}
diff --git a/src/app/results/results.component.ts b/src/app/results/results.component.ts index 70371dd5d9..2b35f2e658 100644 --- a/src/app/results/results.component.ts +++ b/src/app/results/results.component.ts @@ -315,5 +315,4 @@ export class ResultsComponent implements OnInit { ngOnInit() { } - }