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:
Sunil Mohan Adapa 2019-01-15 15:53:57 -08:00 committed by Joseph Nuthalapati
parent ba66f37528
commit dca149821b
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35
3 changed files with 2 additions and 6 deletions

View File

@ -30,7 +30,7 @@
</div>
</div>
<div class="container-fluid card-container">
<div class="container card-container">
<div class="row">
<div class="card-list">

View File

@ -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 %}

View File

@ -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;