From dca149821b7783d1dc5fe59e003d28e04a188c44 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Tue, 15 Jan 2019 15:53:57 -0800
Subject: [PATCH] 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>
---
 plinth/templates/cards.html          | 2 +-
 plinth/templates/index.html          | 2 +-
 static/themes/default/css/plinth.css | 4 ----
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/plinth/templates/cards.html b/plinth/templates/cards.html
index 70489ae80..4cbbb299f 100644
--- a/plinth/templates/cards.html
+++ b/plinth/templates/cards.html
@@ -30,7 +30,7 @@
     </div>
   </div>
 
-  <div class="container-fluid card-container">
+  <div class="container card-container">
     <div class="row">
       <div class="card-list">
 
diff --git a/plinth/templates/index.html b/plinth/templates/index.html
index 8672bab76..906a4e5ce 100644
--- a/plinth/templates/index.html
+++ b/plinth/templates/index.html
@@ -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 %}
diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css
index cc4dbd0ca..a6b5dfb08 100644
--- a/static/themes/default/css/plinth.css
+++ b/static/themes/default/css/plinth.css
@@ -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;