Add Bootstrap margin class

diff --git a/static/css/style.css b/static/css/style.css
index 22f13d235ebd099746d5ee430d8c783229a77ee0..6c01040be2ee7a92a3b02b34364f465d269b6cc3 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -260,12 +260,6 @@ table.table.table-striped {
   color: #fff;
 }
 
-/* Sponsor Images */
-
-img#sponsor {
-  margin: 2rem auto;
-}
-
 /* Small Desktop */
 
 @media (max-width: 1024px) {

diff --git a/templates/pages/sponsors.html b/templates/pages/sponsors.html
index e2dcd27e16a82dab1847e5c4fe9b91643a96a85f..7385ac8c496122f4d28e9751ee79dfdb7f8d0dae 100644 (file)
--- a/templates/pages/sponsors.html
+++ b/templates/pages/sponsors.html
@@ -16,7 +16,7 @@
 <div class="row">
 {% for p in diamond %}
        <div class="col-md-6">
-               <a href="{{p.link}}" target="_blank"><img id="sponsors" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
+               <a href="{{p.link}}" target="_blank"><img id="sponsors" class="my-3" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
                <div class="caption">
                        <small><em>{{p.intro}}</em></small>
                </div>
@@ -31,7 +31,7 @@
 <div class="row">
 {% for p in platinum %}
        <div class="col-md-12">
-               <a href="{{p.link}}" target="_blank"><img id="sponsors" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
+               <a href="{{p.link}}" target="_blank"><img id="sponsors" class="my-3" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
                <div class="caption">
                        <small><em>{{p.intro}}</em></small>
                </div>
@@ -45,7 +45,7 @@
 <div class="row">
 {% endif %}
   <div class="col-md-6">
-               <a href="{{p.link}}" target="_blank"><img id="sponsors" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
+               <a href="{{p.link}}" target="_blank"><img id="sponsors" class="my-3" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
                <div class="caption">
                        <small><em>{{p.intro}}</em></small>
                </div>
@@ -58,7 +58,7 @@
 <div class="row">
 {% for p in silver %}
   <div class="col-md-3">
-               <a href="{{p.link}}" target="_blank"><img id="sponsors" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
+               <a href="{{p.link}}" target="_blank"><img id="sponsors" class="my-3" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
                <div class="caption">
                        <small><em>{{p.intro}}</em></small>
                </div>
@@ -71,7 +71,7 @@
 <div class="row">
 {% for p in supporter %}
   <div class="col-md-3">
-               <a href="{{p.link}}" target="_blank"><img id="sponsors" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
+               <a href="{{p.link}}" target="_blank"><img id="sponsors" class="my-3" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
                <div class="caption">
                        <small><em>{{p.intro}}</em></small>
                </div>
@@ -84,7 +84,7 @@
 <div class="row">
 {% for p in partner %}
   <div class="col-md-3">
-               <a href="{{p.link}}" target="_blank"><img id="sponsors" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
+               <a href="{{p.link}}" target="_blank"><img id="sponsors" class="my-3" src="{{media("images/" + p.largelogo)}}" alt="{{p.name}}"></a>
                <div class="caption">
                        <small><em>{{p.intro}}</em></small>
                </div>