Fixed small issue with contact form

This commit is contained in:
Dennis Potter 2018-03-11 14:40:49 +01:00
parent a982450ed2
commit 33916f55ea
2 changed files with 37 additions and 6 deletions

View File

@ -62,6 +62,7 @@ body { background: #0f0f0f; }
word-break: break-all;
}
}
#header-eng-div {
margin-top: 4px;
}
@ -1004,28 +1005,58 @@ call-to-action .button {
margin-top: 3px;
}
#contact-details {
#contact-phone {
font-size: 20px;
float: left;
margin-left: 7px;
}
#contact-details {
#contact-email {
font-size: 20px;
float: left;
margin-left: 7px;
}
#contact-pgp {
font-size: 20px;
float: left;
margin-left: 7px;
font:20px/1.1em 'droid_sans_monoregular', monospace;
margin-top: -4px;
}
/* Fixes for contact details really small screens */
@media only screen and (max-width: 380px){
#contact-pgp {
font-size: 17px;
}
}
/* Twitter Feed */
@media only screen and (max-width: 332px){
#contact-pgp {
font-size: 15px;
}
}
@media only screen and (max-width: 318px){
#contact-email {
font-size: 18px;
}
}
/* Fixes for contact details for medium sized screens */
@media only screen and (min-width: 768px) and (max-width: 1020px){
#contact-phone, #contact-email, #contact-pgp{
font-size: 15px;
}
@media (max-width: 879px){
#contact-phone{
font-size: 13px;
}
}
}
/ * Twitter Feed */
#twitter {
margin-top: 12px;
padding: 0;

View File

@ -514,13 +514,13 @@
<div class="contact-detail-wrapper">
<div class="three columns contact-column-wrapper">
<i class="fa fa-phone-square" id="contact-fa"></i>
<p id="contact-details">+49 176 386 635 87</p>
<p id="contact-phone">+49 176 386 635 87</p>
</div>
<!--<div class="five columns">
</div>-->
<div class="four columns contact-column-wrapper">
<i class="fa fa-envelope" id="contact-fa"></i>
<p id="contact-details">dennis@dennispotter.eu</p>
<p id="contact-email">dennis@dennispotter.eu</p>
</div>
<div class="five columns contact-column-wrapper">
<i class="fa fa-key" id="contact-fa"></i>