Fix filter button alignment on small screens for Advanced Search panel (#8113)

t-mog-msft · web-flow · commit 18887a4f2aad · 2020-07-20T14:41:05.000-04:00
diff --git a/src/Bootstrap/dist/css/bootstrap-theme.css b/src/Bootstrap/dist/css/bootstrap-theme.css
diff --git a/src/Bootstrap/less/theme/page-list-packages.less b/src/Bootstrap/less/theme/page-list-packages.less
@@ -84,4 +84,10 @@
       margin-right: 10px;
     }
   }
+
+  @media (min-width: @screen-sm) {
+    .text-align-right {
+      text-align: right;
+    }
+  }
 }
diff --git a/src/NuGetGallery/Views/Shared/ListPackages.cshtml b/src/NuGetGallery/Views/Shared/ListPackages.cshtml
@@ -68,7 +68,7 @@
                 }
             </h1>
         </div>
-        <div class="col-md-2 col-xs-3 col-sm-1 text-right no-padding">
+        <div class="col-md-2 col-xs-3 col-sm-1 text-align-right no-padding">
             @if (Model.IsAdvancedSearchFlightEnabled)
             {
                 <button class="btn-command" data-toggle="collapse" data-target="#advancedSearchPanel" aria-expanded="false" aria-controls="advancedSearchPanel">

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@`
`68`	`68`	`}`
`69`	`69`	`</h1>`
`70`	`70`	`</div>`
`71`		`- <div class="col-md-2 col-xs-3 col-sm-1 text-right no-padding">`
	`71`	`+ <div class="col-md-2 col-xs-3 col-sm-1 text-align-right no-padding">`
`72`	`72`	`@if (Model.IsAdvancedSearchFlightEnabled)`
`73`	`73`	`{`
`74`	`74`	`<button class="btn-command" data-toggle="collapse" data-target="#advancedSearchPanel" aria-expanded="false" aria-controls="advancedSearchPanel">`