add more spacing for more responsive view

dmpe · Dec 2, 2018 · 857a4f4 · 857a4f4
1 parent 7c303ff
commit 857a4f4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/userMng/pages/administrace/nav_sidebar.html b/userMng/pages/administrace/nav_sidebar.html
@@ -1,6 +1,6 @@
 {% with url_name=request.resolver_match.url_name %}
 
-<aside class="col-md-2 pt-3">
+<aside class="col-md-3 pt-3">
     <ul class="nav d-md-flex flex-md-column">
     	<li class="nav-item"> 
         	<a href="{% url 'userMng_index' %}" class="nav-link {% if url_name == 'userMng_index' %}active{% endif %}">

diff --git a/userMng/pages/administrace/user_adm_index.html b/userMng/pages/administrace/user_adm_index.html
@@ -15,12 +15,12 @@
 	<div class="row ">
         {% include 'nav_sidebar.html' %}
 
-	    <div class="col-md-10">
+	    <div class="col-md-9">
 			<h1 class="display-4 d-none d-sm-block">Welcome back {{ user.username }},</h1>
 			<h3>here is your profile overview</h3>
 
-	        <div class="row">
-	        	<div class="col-md-3">
+	        <div class="row d-md-flex flex-md-column">
+	        	<div class="col-md-3 m-2 p-2">
 		        	<div class="card bg-success text-white h-100">
 		        		<div class="card-body bg-success">
 			        		<h6 class="text-uppercase">Properties</h6>
@@ -29,7 +29,7 @@ <h2 class="display-2">15 {{ number_of_properties }}</h2>
 		        	</div>
 	        	</div>
 
-        		<div class="col-md-3">
+        		<div class="col-md-3 m-2 p-2">
 		        	<div class="card bg-warning">
 		        		<div class="card-body bg-warning">
 			        		<h6 class="text-uppercase">Views</h6>
@@ -38,7 +38,7 @@ <h2 class="display-2">15 {{ number_of_properties }}</h2>
 		        	</div>
 	        	</div>
 
-        		<div class="col-md-3">
+        		<div class="col-md-3 m-2 p-2">
 		        	<div class="card bg-danger">
 		        		<div class="card-body bg-warning">
 			        		<h6 class="text-uppercase">Messages</h6>
@@ -49,15 +49,15 @@ <h2 class="display-2">15 {{ number_of_properties }}</h2>
 			</div>
 
 			<div class="row">
-	        	<div class="col-md-3">
+	        	<div class="col-md-3 m-2 p-2">
 	        		Overview of existing Properties
 	        	</div>
 
-	        	<div class="col-md-3">
+	        	<div class="col-md-3 m-2 p-2">
 	        		Blog/News
 	        	</div>
 
-	        	<div class="col-sm-3 mt-5 d-sm-none d-md-block">
+	        	<div class="col-sm-3 m-2 p-2 d-none d-md-none">
 	        		<div class="card">
 	        			<div class="card-header">
 	        				Do you want more features?