Dennis/dennispotter-cv
1
0
Fork 0
Code Issues 4 Pull Requests Releases Activity

Fixed small issue with contact form

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
css/layout.css
View File

@ -62,6 +62,7 @@ body { background: #0f0f0f; }
word-break: break-all; word-break: break-all;
} }
} }
#header-eng-div { #header-eng-div {
margin-top: 4px; margin-top: 4px;
} }
@ -1004,27 +1005,57 @@ call-to-action .button {
margin-top: 3px; margin-top: 3px;
} }
#contact-details { #contact-phone {
font-size: 20px; font-size: 20px;
float: left; float: left;
margin-left: 7px; margin-left: 7px;
} }
#contact-details { #contact-email {
font-size: 20px; font-size: 20px;
float: left; float: left;
margin-left: 7px; margin-left: 7px;
} }
#contact-pgp { #contact-pgp {
font-size: 20px;
float: left; float: left;
margin-left: 7px; margin-left: 7px;
font:20px/1.1em 'droid_sans_monoregular', monospace; font:20px/1.1em 'droid_sans_monoregular', monospace;
margin-top: -4px; margin-top: -4px;
} }
/* Fixes for contact details really small screens */
@media only screen and (max-width: 380px){
#contact-pgp {
font-size: 17px;
}
}
@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 Feed */
#twitter { #twitter {
margin-top: 12px; margin-top: 12px;

4
index.html
View File

@ -514,13 +514,13 @@
<div class="contact-detail-wrapper"> <div class="contact-detail-wrapper">
<div class="three columns contact-column-wrapper"> <div class="three columns contact-column-wrapper">
<i class="fa fa-phone-square" id="contact-fa"></i> <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>
<!--<div class="five columns"> <!--<div class="five columns">
</div>--> </div>-->
<div class="four columns contact-column-wrapper"> <div class="four columns contact-column-wrapper">
<i class="fa fa-envelope" id="contact-fa"></i> <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>
<div class="five columns contact-column-wrapper"> <div class="five columns contact-column-wrapper">
<i class="fa fa-key" id="contact-fa"></i> <i class="fa fa-key" id="contact-fa"></i>