Improve event boxes

HackCU · Oct 16, 2018 · 240a4b2 · 240a4b2
1 parent ea009b6
commit 240a4b2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -235,7 +235,7 @@ section.events{
     div.panel {
         @include box-shadow(1px 5px 8px 1px rgba(0,0,0,.19));
         @include border-radius(0);
-        height: 170px;
+        height: 250px;
         position: relative;
         top: 0;
         @include transition(all .1s linear);
@@ -271,15 +271,15 @@ section.events{
 
         .panel-heading {
             padding: 0;
-            height: 70px;
+            height: 150px;
             background-color: darken($accent-color,5%);
             @include border-radius(0);
 
 
             img {
                 position: relative; 
                 object-fit: cover;
-                height: 70px;
+                height: 150px;
                 width: 100%;
                 filter: brightness(60%) grayscale(20%);
                 &.light_background {
@@ -288,13 +288,13 @@ section.events{
             }
 
             h1,h2,h3, h4{
+                text-align: center;
                 position: absolute;
-                top: 0px;
+                top: 26%;
                 z-index: 10;
                 text-transform: uppercase;
-                padding: 10px;
                 color: $accent-text-color;
-
+                width: 100%;
 
                 &.light_background{
                     color: black;

diff --git a/index.md b/index.md
@@ -16,7 +16,7 @@ layout: base
                             <div class="panel-heading">
                                 <span class="past-text biko">PAST</span>
                                 {% if event.image-url %}<img class="img-responsive {% unless event.light_background == null %}light_background{% endunless %}" src="{{event.image-url}}">{%endif%}
-                                <h4 class="biko {% unless event.light_background == null %}light_background{% endunless %}" >{{event.name}}</h4>
+                                <h4 class="event-name biko {% unless event.light_background == null %}light_background{% endunless %}" >{{event.name}}</h4>
                             </div>
                             <div class="panel-body event" data-date="{{ event.date }}">                                
                                 <p>{{event.line}}</p>