Bram
/
BangleApps
forked from FOSS/BangleApps
1
0
Fork 0
Code Pull Requests Activity

Add spacing to layout, small css tweaks

master
James 2021-11-28 13:58:41 +00:00
parent 94f8b4bca7
commit a28b3b78e4
2 changed files with 46 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
css/main.css
View File

@ -1,8 +1,49 @@
.navbar { background-color: #5755d9; padding: 0.5em 1em 0.5em 1em; }
.navbar { background-color: #5755d9; padding: 1em 1em 1em 1em; }
.navbar .navbar-brand {
color: #fff;
font-weight: bold;
}
.container.apploader-tab, ul.tab.tab-block {
padding-left: 1rem;
padding-right: 1rem;
border-bottom: 0px;
}
.panel-body.columns {
margin: 1px;
}
.tile.column.col-6.col-sm-12.col-xs-12.app-tile {
border: solid 1px #fafafa;
margin: 0;
min-height: 150px;
padding-top: 10px;
}
.tab.tab-block .tab-item {
border-bottom: solid 1px #dadee4;
}
a.mr-2{
display: flex;
align-items: center;
}
.navbar-section > a > div {
margin-left: 12px;
}
.dropdown-container {
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
a.btn.btn-link.dropdown-toggle {
padding-left: 0.01em;
}
.avatar img {
border-radius: 5px 5px 5px 5px;
background: #fff;

7
index.html
View File

@ -21,8 +21,9 @@
</head>
<body>
<header class="navbar-primary navbar">
<section class="navbar-section">
<a href="https://banglejs.com" target="_blank" class="navbar-brand mr-2"><img src="img/banglejs-logo-sml.png" alt="Bangle.js">&nbsp;&nbsp;App Loader</a>
<section class="navbar-section" >
<a href="https://banglejs.com" target="_blank" class="navbar-brand mr-2" ><img src="img/banglejs-logo-sml.png" alt="Bangle.js">
<div>App Loader</div></a>
<!-- <a href="#" class="btn btn-link">...</a> -->
</section>
<section class="navbar-section">
@ -59,7 +60,7 @@
</div>
<div class="container apploader-tab" id="librarycontainer">
<div>
<div class="dropdown-container">
<div class="dropdown devicetype-nav">
<a href="#" class="btn btn-link dropdown-toggle" tabindex="0">
<span>All apps</span><i class="icon icon-caret"></i>