Merge pull request #115 from PythonBalkan/bojan_p/responsive_speakers_page

text align centered for mobile view of every detail page; social icon…

Author: Kátia Nakamura

pyconbalkan/core/static/css/components/menu.css

@@ -29,22 +29,6 @@
         z-index: 3;
     }
 
-    .mobile-button:hover,
-    .menu.active .mobile-button {
-        border: 1px solid rgba(255,255,255,0.3);
-        background-color: #28aae1;
-        background-image: url(/static/img/close.png);
-        background-image: url(/static/img/close.svg);
-    }
-
-    .menu.active .mobile-button:hover {
-        background-color: #ffd64f;
-    }
-
-    .menu.active .menu__list {
-        display: flex;
-    }
-
     .mobile-button {
         display: block;
         position: absolute;
@@ -63,6 +47,28 @@
         background-position: center;
         cursor: pointer;
     }
+
+    .mobile-button:hover {
+        border: 1px solid rgba(255,255,255,0.3);
+        background-color: #28aae1;
+        background-image: url(/static/img/burger-menu.png);
+        background-image: url(/static/img/burger-menu.svg);
+    }
+
+    .menu.active .mobile-button {
+        border: 1px solid rgba(255,255,255,0.3);
+        background-color: #ffd64f;
+        background-image: url(/static/img/close.png);
+        background-image: url(/static/img/close.svg);
+    }
+
+    .menu.active .mobile-button:hover {
+        background-color: #ffd64f;
+    }
+
+    .menu.active .menu__list {
+        display: flex;
+    }
 }
 
     .menu__list {

pyconbalkan/core/static/css/components/person.css

@@ -53,8 +53,12 @@
         .sponsor__details {
             text-align: center;
         }
+        .speaker__details h1, .speaker__details h2 {
+            font-size: 2rem;
+        }
     }
 
+
         .speaker__image img,
         .organizer__image img,
         .sponsor__image img {
@@ -86,8 +90,7 @@
             .speaker__description,
             .organizer__description,
             .sponsor__description {
-                margin-bottom: 0;
-                text-align: justify;
+                margin-bottom: 15px;
             }
         }