{"action":"opened","issue":{"url":"https://api.github.com/repos/SansPseudoFix/Old_menu/issues/4","labels_url":"https://api.github.com/repos/SansPseudoFix/Old_menu/issues/4/labels{/name}","comments_url":"https://api.github.com/repos/SansPseudoFix/Old_menu/issues/4/comments","events_url":"https://api.github.com/repos/SansPseudoFix/Old_menu/issues/4/events","html_url":"https://github.com/SansPseudoFix/Old_menu/issues/4","id":80662133,"number":4,"title":"Fix width","user":{"login":"viki53","id":1763364,"avatar_url":"https://avatars.githubusercontent.com/u/1763364?v=3","gravatar_id":"","url":"https://api.github.com/users/viki53","html_url":"https://github.com/viki53","followers_url":"https://api.github.com/users/viki53/followers","following_url":"https://api.github.com/users/viki53/following{/other_user}","gists_url":"https://api.github.com/users/viki53/gists{/gist_id}","starred_url":"https://api.github.com/users/viki53/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/viki53/subscriptions","organizations_url":"https://api.github.com/users/viki53/orgs","repos_url":"https://api.github.com/users/viki53/repos","events_url":"https://api.github.com/users/viki53/events{/privacy}","received_events_url":"https://api.github.com/users/viki53/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-05-25T20:44:03Z","updated_at":"2015-05-25T20:44:03Z","closed_at":null,"body":"Hi, on large screens the menu can get larger than needed.\r\n\r\nI edited my CSS files as follow to get the proper width and enlarge the icons that were tiny:\r\n\r\n```css\r\n@media screen and (min-width: 1100px){\r\n\r\n#expanddiv {background-color: #1d2d44;}\r\n#app-navigation + #app-content #controls{width: 74.2% !important;left: 24.3% !important;}\r\n#content {margin-top: 0px;}\r\n#content-wrapper {padding-left: 5.63em !important;width: 100% !important;}\r\n#navigation{\r\n    background-color: #1d2d44;\r\n    visibility:visible;\r\n    display: block !important;\r\n    position:fixed !important;\r\n    bottom:0px;\r\n    width: 5.63em !important;\r\n    top:45px;\r\n    max-height: 100% !important;\r\n    margin-top:0px !important;\r\n    -moz-user-select: none;\r\n    -moz-box-sizing: border-box;\r\n    box-shadow: 0px 0px 0px transparent;\r\n    border-radius: 0px;\r\n}\r\n#navigation li{display: block; margin: .5em 0; }\r\n#navigation a{display: block; width: auto; height: 100%; padding: 0 .25em; margin: 0;}\r\n#navigation #apps { margin-left:0; margin-top: 10px; }\r\n#navigation #apps ul{text-align: center;}\r\n#navigation .app-icon{ height: 1.5em;width: 1.5em; }\r\n#navigation a span{ display: block; width: auto; font-size: 11px; }\r\n\r\n\r\n/***********************************************************\r\n*\r\n*       Core & default apps\r\n*\r\n************************************************************/    \r\n\r\n/* oc 7 compatibility */\r\n#leftcontent{width: 21% !important;}\r\n#rightcontent{width: 78% !important;}\r\n/* /oc 7 */\r\n  \r\n#app-navigation{width: 19.5% !important;}\r\n#bookmark_settings {width:19.5% !important;}\r\n.bookmarks_list, #firstrun {left:27% !important;}\r\n#navigation .wrapper {margin: auto;}\r\n#header .icon-caret {display:none;}\r\n\r\ntable.multiselect thead{width: 76% !important; left: 24.3% !important; margin: 0px !important; }\r\n#slideshow{z-index: 5000 !important;}\r\n\r\n/***********************************************************\r\n*\r\n*       3rd Party Apps\r\n*\r\n************************************************************/\r\n\r\n/* owncloud-markdown (https://github.com/icewind1991/owncloud-markdown) */\r\n#md_preview {padding-left: 60px;}\r\n\r\n}\r\n```"}}