JupyterHub Spacing

fixed spacing so it is all the same on mobile

Author: cameronoelsen

css/logo-nav.css

@@ -223,13 +223,17 @@ body {
     font-size: 21px;s
     text-align: center;
     color: #766A6A;
+    text-align: center;
 }
 .hubfeature p {
     font-size: 15pt;
     text-align: center;
     color: #766A6A;
     padding-top: 2px;
 }
+.hubfeature img {
+    margin: 0 auto;
+}
 .hubfeatures {
     padding-top: 50px;
     background: url("../assets/line.svg");
@@ -244,4 +248,7 @@ body {
     .hubfeatures{
         background: none;
     }
+    #data {
+    padding-top: 40px;
+    }
 }

index.html

@@ -174,22 +174,22 @@ <h2>Jupyter for Organizations</h2>
             </div>
             <div class="hubfeatures col-md-12">
                 <div class="feature1 hubfeature col-md-3 authentication">
-                    <img src="assets/authentication.svg" class="img-responsive" style="margin:0 auto;">
+                    <img src="assets/authentication.svg" class="img-responsive">
                     <h2>Pluggable authentication</h2>
                     <p>Manage users and authentication with PAM, OAuth or integrate with your own directory service system. Collaborate with others through the Linux permission model.</p>
                 </div>
                 <div class="featuremiddle hubfeature col-md-3">
-                    <img src="assets/central.svg" class="img-responsive" style="margin:0 auto;">
+                    <img src="assets/central.svg" class="img-responsive">
                     <h2>Centralized deployment</h2>
                     <p>Deploy the Jupyter Notebook to all users in your organization on centralized servers that have unified package management and data access.</p>
                 </div>
                 <div class="featuremiddle hubfeature col-md-3">
-                    <img src="assets/container.svg" class="img-responsive" style="margin:0 auto;">
+                    <img src="assets/container.svg" class="img-responsive">
                     <h2>Container friendly</h2>
                     <p>Use Docker containers to scale your deployment and isolate user processes. Assemble your deployment using a growing ecosystem of prebuilt Docker containers.</p>
                 </div>
                 <div class="feature4 hubfeature col-md-3">
-                    <img src="assets/data.svg" class="img-responsive" style="margin:0 auto;">
+                    <img src="assets/data.svg" class="img-responsive" id="data">
                     <h2>Code Meets Data.</h2>
                     <p>The Notebook has support for over 40 programming languages, including languages popular in Data Science such as Python, R, Julia and Scala. </p>
                 <div>