| 1317 | | .load-more-wrapper { |
| 1318 | | clear: both; |
| 1319 | | display: flex; |
| 1320 | | flex-wrap: wrap; |
| 1321 | | align-items: center; |
| 1322 | | justify-content: center; |
| 1323 | | padding: 1em 0; |
| 1324 | | } |
| 1325 | | |
| 1326 | | .load-more-wrapper .load-more-count { |
| 1327 | | min-width: 100%; |
| 1328 | | margin: 0 0 1em; |
| 1329 | | text-align: center; |
| 1330 | | } |
| 1331 | | |
| 1332 | | .load-more-wrapper .load-more { |
| 1333 | | margin: 0; |
| 1334 | | } |
| 1335 | | |
| 1336 | | /* Needs high specificity. */ |
| 1337 | | .media-frame .load-more-wrapper .load-more + .spinner { |
| 1338 | | float: none; |
| 1339 | | margin: 0 -30px 0 10px; |
| 1340 | | } |
| 1341 | | |
| 1342 | | /* Reset spinner margin when the button is hidden to avoid horizontal scrollbar. */ |
| 1343 | | .media-frame .load-more-wrapper .load-more.hidden + .spinner { |
| 1344 | | margin: 0; |
| 1345 | | } |
| 1346 | | |
| 1347 | | /* Force a new row within the flex container. */ |
| 1348 | | .load-more-wrapper::after { |
| 1349 | | content: ""; |
| 1350 | | min-width: 100%; |
| 1351 | | order: 1; |
| 1352 | | } |
| 1353 | | |
| 1354 | | .load-more-wrapper .load-more-jump { |
| 1355 | | margin: 0 0 0 12px; |
| 1356 | | } |
| 1357 | | |