Minimal optimizations for WP mobile view (#5863)

[ci skip]

app/assets/stylesheets/layout/_base_mobile.sass

@@ -58,7 +58,7 @@
     padding: 20px !important
     width: 100% !important
   #main-menu ~ #content-wrapper
-    padding: 2rem 20px 0 20px !important
+    padding: 2rem 15px 0 15px !important
 
   #breadcrumb,
   #sidebar,

app/assets/stylesheets/layout/_work_package_mobile.sass

@@ -158,3 +158,13 @@
           #main-menu
             height: initial
             min-height: calc(100vh - 55px - 5px)
+
+@include breakpoint(680px down)
+  body.controller-work_packages.action-show
+    .work-packages--show-view
+      padding-left: 0
+    .work-packages-full-view--split-container
+      .work-packages-full-view--split-left
+        padding: 0
+      .work-packages-full-view--split-right .work-packages--panel-inner
+        padding: 0 10px 0 10px

frontend/app/components/routing/wp-show/wp.show.html

@@ -27,7 +27,7 @@
           <li class="toolbar-item" ng-if="$ctrl.displayWatchButton">
             <wp-watcher-button work-package="$ctrl.workPackage"></wp-watcher-button>
           </li>
-          <li class="toolbar-item">
+          <li class="toolbar-item hidden-for-mobile">
             <wp-zen-mode-toggle-button>
             </wp-zen-mode-toggle-button>
           </li>