make sure all pages fit on minimum width

diff --git a/server/sonar-web/src/main/js/apps/background-tasks/background-tasks.css b/server/sonar-web/src/main/js/apps/background-tasks/background-tasks.css
index a957b5f0250b6170d241d0e999bc9fa6afffcc05..7430714610985e30a6b82d69b78d99fe04344020 100644 (file)
--- a/server/sonar-web/src/main/js/apps/background-tasks/background-tasks.css
+++ b/server/sonar-web/src/main/js/apps/background-tasks/background-tasks.css
@@ -1,6 +1,6 @@
 .bt-search-form {
   display: flex;
-  align-items: flex-start;
+  align-items: flex-end;
 }
 
 .bt-search-form > li + li {

diff --git a/server/sonar-web/src/main/js/apps/background-tasks/components/DateFilter.js b/server/sonar-web/src/main/js/apps/background-tasks/components/DateFilter.js
index 4ca30c41c13bbf272048adae542a5e7886d66401..98bd76ece05aac90ae41609879e528fcbc467ea2 100644 (file)
--- a/server/sonar-web/src/main/js/apps/background-tasks/components/DateFilter.js
+++ b/server/sonar-web/src/main/js/apps/background-tasks/components/DateFilter.js
@@ -67,7 +67,7 @@ export default class DateFilter extends Component {
     const { minSubmittedAt, maxExecutedAt } = this.props;
 
     return (
-      <div>
+      <div className="nowrap">
         <input
           className="input-small"
           value={minSubmittedAt}

diff --git a/server/sonar-web/src/main/js/apps/background-tasks/components/Search.js b/server/sonar-web/src/main/js/apps/background-tasks/components/Search.js
index a9b301e2e1109b2e52e0f97ffbd1f407bfab165b..fb595f3c60a5dd88dcc22c786cfe1de3ca2343ec 100644 (file)
--- a/server/sonar-web/src/main/js/apps/background-tasks/components/Search.js
+++ b/server/sonar-web/src/main/js/apps/background-tasks/components/Search.js
@@ -84,7 +84,7 @@ export default class Search extends React.PureComponent {
           onChange={e => this.handleQueryChange(e.target.value)}
           value={query}
           ref="searchInput"
-          className="js-search input-large"
+          className="js-search input-medium"
           type="search"
           placeholder="Search"
         />
@@ -136,7 +136,7 @@ export default class Search extends React.PureComponent {
 
           {this.renderSearchBox()}
 
-          <li className="bt-search-form-right">
+          <li className="bt-search-form-right nowrap">
             <button className="js-reload" onClick={this.handleReload.bind(this)} disabled={loading}>
               {translate('reload')}
             </button>{' '}

diff --git a/server/sonar-web/src/main/js/apps/projects-admin/search.js b/server/sonar-web/src/main/js/apps/projects-admin/search.js
index 65e6e0fb9d320cad6ff9673d2c0735d62da0d0e5..15340c641040ebf6e81dc5824d9ef4f66ce9c00a 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects-admin/search.js
+++ b/server/sonar-web/src/main/js/apps/projects-admin/search.js
@@ -149,7 +149,7 @@ export default class Search extends React.PureComponent {
                     onChange={this.search}
                     value={this.props.query}
                     ref="input"
-                    className="search-box-input"
+                    className="search-box-input input-medium"
                     type="search"
                     placeholder="Search"
                   />

diff --git a/server/sonar-web/src/main/js/apps/quality-gates/components/Condition.js b/server/sonar-web/src/main/js/apps/quality-gates/components/Condition.js
index ce2ff88463664aadaac9c78abce2d3b869bde082..ca9c1af2283197dafd76d9dd768d5db46ec1a7c1 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-gates/components/Condition.js
+++ b/server/sonar-web/src/main/js/apps/quality-gates/components/Condition.js
@@ -227,7 +227,7 @@ export default class Condition extends Component {
     const { condition, edit, metric } = this.props;
     return (
       <tr>
-        <td className="text-middle nowrap">
+        <td className="text-middle">
           {getLocalizedMetricName(metric)}
           {metric.hidden &&
             <span className="text-danger little-spacer-left">

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/styles.css b/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
index f00a77c24b13d69384e65fabf86e45024f0a1507..9320f748773dff4e4e33aed9acf2b701a9ffe033 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
@@ -21,7 +21,7 @@
 .quality-profiles-table-projects,
 .quality-profiles-table-rules,
 .quality-profiles-table-date {
-  min-width: 90px;
+  min-width: 80px;
 }
 
 .quality-profiles-list-header {

diff --git a/server/sonar-web/src/main/less/components/side-tabs.less b/server/sonar-web/src/main/less/components/side-tabs.less
index b7cd0da337c3f28cdb23741c9047668a8dd921f0..b92417e1ffa70b93dbe82094bf3506b599bdd31b 100644 (file)
--- a/server/sonar-web/src/main/less/components/side-tabs.less
+++ b/server/sonar-web/src/main/less/components/side-tabs.less
@@ -39,6 +39,7 @@
   border: 1px solid @barBorderColor;
   box-sizing: border-box;
   background-color: #fff;
+  overflow: auto;
 
   .modal & {
     border-top: none;

diff --git a/server/sonar-web/src/main/less/init/forms.less b/server/sonar-web/src/main/less/init/forms.less
index 1a0a37e5e321e7f8e34f7cc9f11359ac7c40c485..a5ed2ce62d1a783f55ddbe51ee12a1730945d2f0 100644 (file)
--- a/server/sonar-web/src/main/less/init/forms.less
+++ b/server/sonar-web/src/main/less/init/forms.less
@@ -261,7 +261,9 @@ input[type="submit"].button-promote {
   color: #fff;
   transition: background-color 0.3s ease;
 
-  &:hover, &:focus, &.active {
+  &:hover,
+  &:focus,
+  &.active {
     background-color: darken(#5041d2, 10%);
   }
 }
@@ -322,16 +324,16 @@ input[type="submit"].button-promote {
 }
 
 .input-tiny {
-  width: 60px;
+  width: 60px !important;
 }
 .input-small {
-  width: 100px;
+  width: 100px !important;
 }
 .input-medium {
-  width: 150px;
+  width: 150px !important;
 }
 .input-large {
-  width: 200px;
+  width: 200px !important;
 }
 .input-super-large {
   width: 100%;