# Admin settings and plugin sidebar broken on mobile pages
**URL:** https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780
**Category:** UX
**Created:** [04.Июль.2015 17:19:32 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780 "2015-07-04T17:19:32Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [04.Июль.2015 17:19:32 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/1 "2015-07-04T17:19:32Z")
 
Tested against v1.4.0.beta4 +13.
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [04.Июль.2015 19:50:08 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/2 "2015-07-04T19:50:08Z")
@pjh also opened a bug on this. Is this a new regression @neil?
---
### Author:  [@neil](https://meta.discourse.org/u/neil)
#### Post date: [06.Июль.2015 17:56:33 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/3 "2015-07-06T17:56:33Z")
Yeah that CSS is really broken. I started trying to fix it, but got lost fast. Will need to git bisect it to find the commit that broke it.
---
### Author:  [@simon](https://meta.discourse.org/u/simon)
#### Post date: [06.Июль.2015 20:58:32 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/4 "2015-07-06T20:58:32Z")
The admin css might be easier to deal with if it was done with a ‘mobile-first’ approach - find the most logical way to stack all of the items in a single column for narrow screens, and then, at a certain breakpoint, expand into the two columns.
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [06.Июль.2015 21:27:20 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/5 "2015-07-06T21:27:20Z")
Admin stuff is not a priority for mobile. And if I rotate my phone to landscape it works fine.
---
### Author:  [@simon](https://meta.discourse.org/u/simon)
#### Post date: [07.Июль.2015 01:37:07 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/6 "2015-07-07T01:37:07Z")
A quick fix to make it less weird is to add a clearfix to `.admin-controls` and get rid of the `height: 35px`
```plaintext
.admin-controls {
//height: 35px;
@include clearfix;
}
```
Then float the search control to the left for small screens:
```plaintext
@media (max-width: 700px) {
.admin-controls .search {
float: left;
width: 100%;
}
}
```
That keeps the admin-nav to the left of the screen. (Right now it’s not clearing the floated ‘Clear’ button.)
To get the .admin-detail section to share the screen with the admin-nav you need to get rid of the padding-left on the .admin-detail section or set it to a percentage of the total screen width.
This works and still gives a left margin:
```plaintext
@media (max-width: 700px) {
.admin-detail {
padding-left: 0;
float: right;
border-left: none;
}
}
```
You can gain a bit of room on narrow screens by moving the setting-label to the top of the input box:
```plaintext
@media (max-width: 700px) {
.setting-label {
float: none;
}
```
If you float the reset button to the right it will stay off of the input box
```plaintext
@media (max-width: 700px) {
.btn[title="reset"] {
float: right;
}
}
```
That all gives you something like this. It could be made a bit better.
I can make a PR if no one is working on it.
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [07.Июль.2015 04:01:01 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/7 "2015-07-07T04:01:01Z")
> [@simon](#):
>
> I can make a PR if no one is working on it.
Sure, something is way better than totally broken UI here.
---
### Author:  [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [07.Июль.2015 04:14:28 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/8 "2015-07-07T04:14:28Z")
Just wanted to highlight that for the profile page, the above is how the sidebar looks on mobile. I think we should standardize it and perhaps make the arrow point downwards on mobile instead? 😺
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [07.Июль.2015 04:25:53 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/9 "2015-07-07T04:25:53Z")
Yeah down glyph for mobile would be a nice tweak! Great idea.
---
### Author:  [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [03.Январь.2016 12:45:33 UTC](https://meta.discourse.org/t/admin-settings-and-plugin-sidebar-broken-on-mobile-pages/30780/10 "2016-01-03T12:45:33Z")