Query totals and query buttons overlaps on small screens (#24274).

Patch by Marius BALTEANU.

git-svn-id: https://svn.redmine.org/redmine/trunk@16045 e93f8b46-1217-0410-a6f0-8f06a7374b81

public/stylesheets/application.css

@@ -382,7 +382,7 @@ table.query-columns td.buttons {
 }
 table.query-columns td.buttons input[type=button] {width:35px;}
 .query-totals {text-align:right;}
-.query-totals>span {margin-left:0.6em;}
+.query-totals>span:not(:first-child) {margin-left:0.6em;}
 .query-totals .value {font-weight:bold;}
 body.controller-issues .query-totals {margin-top:-2.3em;}
 

public/stylesheets/responsive.css

@@ -544,7 +544,7 @@
   html.flyout-is-active {
     overflow: hidden;
   }
- 
+
   .flyout-is-active #wrapper, .flyout-is-active #header {
     right: 250px; /* when left flyout is active, move body and header to the right (same amount like flyout-menu's width) */
   }
@@ -728,6 +728,12 @@
     width: 100%;
   }
 
+  /* issues page */
+  body.controller-issues p.query-totals {
+    margin-top: 0px;
+    text-align: left;
+  }
+
   /* subtasks and related issues list on issue show */
   #issue_tree .issues, #relations .issues {
     border-collapse: separate;