Improved layout for medium screens.

cedricbonhomme · Mar 13, 2018 · fd9aebb · fd9aebb
1 parent 24a4002
commit fd9aebb
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 17 deletions.
diff --git a/src/web/templates/organization.html b/src/web/templates/organization.html
@@ -3,17 +3,17 @@
 <div class="container-fluid">
     <br />
     <div class="row">
-        <div class="col-2">
+        <div class="col-md-2">
             {% if organization.icon_url  %}
             <img id="project-logo" src="{{ url_for('uploaded_pictures', filename=organization.icon_url) }}" class="logo" />
             {% endif %}
         </div>
-        <div class="col-2">
+        <div class="col-md">
             <h3 id="organization-name">{{ organization.name }}</h3>
             <small><a href="{{ url_for('organization_bp.form', organization_id=organization.id) }}">Settings</a></small>
         </div>
 
-        <div class="col-4">
+        <div class="col-md">
             <div class="card">
                 <div class="card-body">
                     <h5>Website</h5>
@@ -26,7 +26,7 @@ <h5>Description</h5>
     </div>
     <br />
     <div class="row">
-        <div class="col-12">
+        <div class="col-md-12">
             <div>
                 <ol class="breadcrumb">
                     <li class="breadcrumb-item active">Projects</li>

diff --git a/src/web/templates/organizations.html b/src/web/templates/organizations.html
@@ -3,7 +3,7 @@
 <div class="container">
     <br />
     <div class="row">
-        <div class="col">
+        <div class="col-md">
             <h3>Organizations
                 {% if current_user.is_authenticated and current_user.is_admin %}
                 <a href="{{ url_for('organization_bp.form') }}">
@@ -12,7 +12,7 @@ <h3>Organizations
                 {% endif %}
             </h3>
         </div>
-        <div class="col">
+        <div class="col-md">
             <form method="GET" id="searchForm">
                 <div class="form-row align-items-center float-right">
                     <div class="col-auto">

diff --git a/src/web/templates/project.html b/src/web/templates/project.html
@@ -6,19 +6,19 @@
 {% block content %}
 <div class="container-fluid">
     <div class="row">
-        <div class="col-2">
+        <div class="col-md-2">
             {% if project.icon_url  %}
             <img id="project-logo" src="{{ url_for('uploaded_pictures', filename=project.icon_url) }}" class="logo" />
             {% endif %}
         </div>
-        <div class="col-2">
+        <div class="col-md-2">
             <h3 id="project-name"></h3>
             <small><a href="{{ url_for('project_bp.settings', project_name=project.name) }}">Settings</a></small>
         </div>
     </div>
 
     <div class="row">
-        <div class="col-4">
+        <div class="col-md-4">
             <div class="card">
                 <div class="card-body">
                     <h5>Description</h5>
@@ -33,7 +33,7 @@ <h5>Tags</h5>
             </div>
         </div>
 
-        <div class="col-4">
+        <div class="col-md-4">
             <div class="card">
                 <div class="card-body">
                     <h4>Reference</h4>
@@ -75,7 +75,7 @@ <h5>Recent CVEs</h5>
             </div>
         </div>
 
-        <div class="col-4">
+        <div class="col-md-4">
 	    <h5>Recent releases <a href="{{ url_for('project_bp.recent_releases', project_name=project.name) }}"><i class="fa fa-rss" aria-hidden="true" title="Recent releases for {{ project.name }}"></i></a></h5>
             <div id="project-releases" class="list-group"></div>
         </div>

diff --git a/src/web/templates/projects.html b/src/web/templates/projects.html
@@ -3,7 +3,7 @@
 <div class="container">
     <br />
     <div class="row">
-        <div class="col">
+        <div class="col-md">
             <h3>Projects
               {% if current_user.is_authenticated %}
               <a href="{{ url_for('project_bp.form') }}">
@@ -12,7 +12,7 @@ <h3>Projects
               {% endif %}
             </h3>
         </div>
-        <div class="col">
+        <div class="col-md">
             <form method="GET" id="searchForm">
                 <div class="form-row align-items-center float-right">
                     <div class="col-auto">

diff --git a/src/web/templates/stats.html b/src/web/templates/stats.html
@@ -2,21 +2,21 @@
 {% block content %}
 <div class="container-fluid">
     <div class="row">
-        <div class="col-8">
+        <div class="col-md-8">
             <h2>Licenses distribution</h2>
             <canvas id="licenses-pie-chart"></canvas>
         </div>
-        <div class="col-4">
+        <div class="col-md-4">
             <h2>Explore tags</h2>
             <div id="tags-cloud"></div>
         </div>
     </div>
     <div class="row">
-        <div class="col-6">
+        <div class="col-md-6">
             <h2>Languages distribution</h2>
             <canvas id="languages-pie-chart"></canvas>
         </div>
-        <div class="col-6">
+        <div class="col-md-6">
             <h2>Organizations</h2>
             <canvas id="organizations-pie-chart"></canvas>
         </div>