mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-06-03 10:50:20 +00:00
ui: Fix setting width of card-list at various page sizes
Reuse bootstrap .container class to perform the width calculations instead of explicitly setting it. This makes the size of card list match the rest of the content like navigation and text content. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
This commit is contained in:
parent
ba66f37528
commit
dca149821b
@ -30,7 +30,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid card-container">
|
||||
<div class="container card-container">
|
||||
<div class="row">
|
||||
<div class="card-list">
|
||||
|
||||
|
||||
@ -65,7 +65,7 @@
|
||||
{% endif %}
|
||||
|
||||
{% if shortcuts %}
|
||||
<div class="container-fluid card-container">
|
||||
<div class="container card-container">
|
||||
<div class="row">
|
||||
<div class="card-list">
|
||||
{% for shortcut in shortcuts %}
|
||||
|
||||
@ -276,10 +276,6 @@ footer license-info p {
|
||||
/* applying styles to header - end */
|
||||
|
||||
.card-list {
|
||||
width: 100%;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: left;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user