footer improvements
This commit is contained in:
parent
6cf2600b60
commit
87d98ca3d2
3 changed files with 6 additions and 11 deletions
|
|
@ -8,6 +8,6 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href="https://play.google.com/store/apps/details?id=com.nidratech.huegasm" target="_blank" rel="noopener noreferrer" id="playstore-link">
|
<a href="https://play.google.com/store/apps/details?id=com.nidratech.huegasm" target="_blank" rel="noopener noreferrer">
|
||||||
<img src="assets/images/google-play-badge.png" alt="Get it on the Google Play Store">
|
<img src="assets/images/google-play-badge.png" alt="Get it on the Google Play Store">
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -37,25 +37,21 @@ body, button {
|
||||||
.footer {
|
.footer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 20px;
|
margin-bottom: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-text {
|
.footer-text {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
|
||||||
bottom: 10px;
|
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
a {
|
a {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#playstore-link {
|
|
||||||
position: relative;
|
|
||||||
bottom: 10px;
|
|
||||||
left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert {
|
.alert {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,6 @@
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 100vh;
|
|
||||||
md-progress-circular {
|
md-progress-circular {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
|
||||||
Reference in a new issue