From d278495ec715e31137469b137bcbeddd6bf1f681 Mon Sep 17 00:00:00 2001 From: Chris Fiege <chris@tinyhost.de> Date: Wed, 16 Oct 2019 21:34:59 +0200 Subject: [PATCH] font-awesome: Fix alignment of symbols in header Signed-off-by: Chris Fiege <chris@tinyhost.de> --- flamingo/content/kontakt.html | 4 ++-- flamingo/content/mitmachen/geraete.html | 4 ++-- flamingo/static/css/small-business.css | 6 ++++++ 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/flamingo/content/kontakt.html b/flamingo/content/kontakt.html index a3bbb06..aca380d 100644 --- a/flamingo/content/kontakt.html +++ b/flamingo/content/kontakt.html @@ -9,7 +9,7 @@ template: page_html.html <div class="col-md-6"> <div class="panel panel-default"> <div class="panel-heading" > - <h4>Kontaktiere uns <i class="fa fa-envelope pull-right" style="font-size:150%;" ></i></h4> + <h4>Kontaktiere uns <i class="fa fa-envelope" style="font-size:150%;" ></i></h4> </div> <form class="form-horizontal" method="POST" action="/contact"> <fieldset> @@ -54,7 +54,7 @@ template: page_html.html <div class="col-md-6"> <div class="panel panel-default"> <div class="panel-heading" > - <h4>Unser Büro <i class="fa fa-home pull-right" style="font-size:150%;" ></i></h4> + <h4>Unser Büro <i class="fa fa-home" style="font-size:150%;" ></i></h4> </div> <div class="panel-body text-center" style="padding-top: 0px"> <br> diff --git a/flamingo/content/mitmachen/geraete.html b/flamingo/content/mitmachen/geraete.html index a6da169..42b83c9 100644 --- a/flamingo/content/mitmachen/geraete.html +++ b/flamingo/content/mitmachen/geraete.html @@ -16,7 +16,7 @@ template: page_html.html <div class="col-xs-12 col-md-6" > <div class="panel panel-default" > <div class="panel-heading" > - <h4><i class="fa fa-recycle pull-right" style="font-size: 150%;"></i> Router aufstellen</h4> + <h4>Router aufstellen <i class="fa fa-recycle" style="font-size: 150%;"></i></h4> </div> <div class="panel-body" > Eine Übersicht über alle von uns unterstützten Geräte findest du auf unserer @@ -31,7 +31,7 @@ template: page_html.html <div class="col-xs-12 col-md-6" > <div class="panel panel-default" > <div class="panel-heading" > - <h4><i class="fa fa-shopping-cart pull-right" style="font-size: 150%;"></i> Router kaufen</h4> + <h4>Router kaufen <i class="fa fa-shopping-cart pull-right" style="font-size: 150%;"></i></h4> </div> <div class="panel-body" > Falls du ein neues Gerät kaufen möchtest bieten sich manche Geräte mehr an diff --git a/flamingo/static/css/small-business.css b/flamingo/static/css/small-business.css index 9d9150b..3d2886d 100644 --- a/flamingo/static/css/small-business.css +++ b/flamingo/static/css/small-business.css @@ -225,3 +225,9 @@ h3 { src: url('../webfonts/OpenSans-BoldItalic.ttf'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } + +.panel-heading h4 { + display: flex; + align-items: center; + justify-content: space-between; +} -- GitLab