Commit 1295ae25 authored by Bady's avatar Bady
Browse files

Fix alignment issues

parent 6c64624f
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
src: url(../fonts/Roboto-Thin.ttf) format('truetype'); src: url(../fonts/Roboto-Thin.ttf) format('truetype');
} }
/* csslint ignore:end */ /* csslint ignore:end */
.main { .main {
...@@ -17,13 +18,15 @@ ...@@ -17,13 +18,15 @@
text-align: center; text-align: center;
} }
/* https://github.com/CSSLint/csslint/wiki/Disallow-qualified-headings */ /* https://github.com/CSSLint/csslint/wiki/Disallow-qualified-headings */
h1 { h1 {
color: #949494; color: #949494;
font-family: "Amaranth-Regular"; font-family: "Amaranth-Regular";
} }
.main > p { .main>p {
text-align: justify; text-align: justify;
} }
...@@ -32,3 +35,40 @@ h1 { ...@@ -32,3 +35,40 @@ h1 {
margin: auto; margin: auto;
max-width: 968px; max-width: 968px;
} }
.separator {
margin: -1px 15px;
padding: 15px 0 10px;
}
.separator-top {
margin-right: 15px;
padding: 15px 0 10px;
}
.events-list {
min-height: 65px;
}
.event-details {
min-height: 80vh;
}
.bootcards-richtext>.panel-body {
font-size: 16px;
max-width: 968px;
padding: 25px 35px;
}
.bootcards-richtext>.panel-body img {
margin: 15px 0;
}
.col-sm-8 .panel-heading .panel-title {
padding-left: 20px;
}
.panel-heading .panel-title {
font-weight: 700;
margin-top: 15px;
}
...@@ -14,12 +14,12 @@ block content ...@@ -14,12 +14,12 @@ block content
.panel-body .panel-body
.search-form .search-form
.row .row
.col-xs-9 .col-xs-10
|   |  
//-.form-group //-.form-group
input.form-control(type='text', placeholder='Search Contacts...') input.form-control(type='text', placeholder='Search Contacts...')
i.fa.fa-search i.fa.fa-search
.col-xs-3 .col-xs-2
a.btn.btn-primary.btn-block(href='#') a.btn.btn-primary.btn-block(href='#')
i.fa.fa-plus i.fa.fa-plus
span Add span Add
...@@ -27,7 +27,7 @@ block content ...@@ -27,7 +27,7 @@ block content
.list-group .list-group
// list of sample data // list of sample data
for event in events.events for event in events.events
a.list-group-item(href='/events/' + event.id + '.html') a.list-group-item.events-list.separator(href='/events/' + event.id + '.html')
img.img-rounded.pull-left(src=event.imgurl) img.img-rounded.pull-left(src=event.imgurl)
h4.list-group-item-heading= event.name h4.list-group-item-heading= event.name
p.list-group-item-text!= event.locationame p.list-group-item-text!= event.locationame
...@@ -30,8 +30,8 @@ block content ...@@ -30,8 +30,8 @@ block content
p.list-group-item-text!= event.locationame p.list-group-item-text!= event.locationame
.col-sm-12.bootcards-cards .col-sm-12.bootcards-cards
// contact details // contact details
#contactCard.col-sm-4 #contact-card.event-card.col-sm-4
.panel.panel-default .panel.panel-default.event-details
.panel-heading.clearfix .panel-heading.clearfix
h3.panel-title.pull-left Contact Details h3.panel-title.pull-left Contact Details
.btn-group.pull-right.visible-xs .btn-group.pull-right.visible-xs
...@@ -39,26 +39,27 @@ block content ...@@ -39,26 +39,27 @@ block content
i.fa.fa-pencil i.fa.fa-pencil
span Edit span Edit
.list-group .list-group
.list-group-item .list-group-item.separator-top
label= "NAME" label= "NAME"
h4.list-group-item-heading= evt.name h4.list-group-item-heading= evt.name
.list-group-item .list-group-item.separator
label= "LOCATION" label= "LOCATION"
a(href="http://www.openstreetmap.org/?mlat=" + evt.lat + "&mlon=" + evt.lng + "&ref=FSCI") a(href="http://www.openstreetmap.org/?mlat=" + evt.lat + "&mlon=" + evt.lng + "&ref=FSCI")
h4.list-group-item-heading= evt.locationname h4.list-group-item-heading= evt.locationname
.list-group-item .list-group-item.separator
label= "ORGANIZED BY" label= "ORGANIZED BY"
h4.list-group-item-heading= evt.organizedby h4.list-group-item-heading= evt.organizedby
.list-group-item .list-group-item.separator
label= "DATETIME" label= "DATETIME"
h4.list-group-item-heading= evt.when h4.list-group-item-heading= evt.when
.list-group-item .list-group-item.separator
label= "CONTACT INFO" label= "CONTACT INFO"
h4.list-group-item-heading= evt.contactinfo h4.list-group-item-heading= evt.contactinfo
.panel.panel-default.bootcards-richtext.col-sm-8 #description-card.event-card.col-sm-8
.panel-heading .panel.panel-default.bootcards-richtext.event-details
h3.panel-title Description .panel-heading
.panel-body!= evt.description h3.panel-title Description
p.lead .panel-body!= evt.description
img(src=evt.imgurl, alt=evt.name) p.lead
img(src=evt.imgurl, alt=evt.name)
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment