Fix markup of leaflist so the bullets stay on the same line as the text

super3 · Mar 30, 2017 · bfdaaec · bfdaaec
1 parent 467acd3
commit bfdaaec
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 34 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -1969,21 +1969,14 @@ margin-top:3em;
 
 .leafList > .item {
 	margin: 20px 0px;
+	padding-left: 60px;
+	background-image: url("../img/types/investor/efficiency.svg");
+	background-repeat: no-repeat;
+	background-position: left top;
+	background-size: 40px 40px;
 }
 
-.leafList > .item > img {
-	display: inline-block;
-	height: 40px;
-	width: 40px;
-	margin-right: 20px;
-	vertical-align: top;
-}
-
-.leafList > .item > .text {
-	display: inline-block;
-}
-
-.leafList > .item > .text > .name {
+.leafList > .item > .name {
 	display: inline-block;
 	font-size: 24px;
 }

diff --git a/index.php b/index.php
@@ -31,34 +31,22 @@
 			<div class="col-lg-4 col-lg-offset-1 col-md-5 col-sm-6 text-left">
 				<div class="leafList">
 					<div class="item">
-						<img src="assets/img/types/investor/efficiency.svg" alt="bullet">
-						<div class="text">
-							<div class="name"><?php echo $Locale->getText("index.built_to_last"); ?></div>
-							<div class="description"><?php echo $Locale->getText("index.built_to_last_desc"); ?></div>
-						</div>
+						<div class="name"><?php echo $Locale->getText("index.built_to_last"); ?></div>
+						<div class="description"><?php echo $Locale->getText("index.built_to_last_desc"); ?></div>
 					</div>
 					<div class="item">
-						<img src="assets/img/types/investor/efficiency.svg" alt="bullet">
-						<div class="text">
-							<div class="name"><?php echo $Locale->getText("index.fair_distribution"); ?></div>
-							<div class="description"><?php echo $Locale->getText("index.fair_distribution_desc"); ?></div>
-						</div>
+						<div class="name"><?php echo $Locale->getText("index.fair_distribution"); ?></div>
+						<div class="description"><?php echo $Locale->getText("index.fair_distribution_desc"); ?></div>
 					</div>
 					<div class="item">
-						<img src="assets/img/types/investor/efficiency.svg" alt="bullet">
-						<div class="text">
-							<div class="name"><?php echo $Locale->getText("index.energy_efficient"); ?></div>
-							<div class="description"><?php echo $Locale->getText("index.energy_efficient_desc"); ?></div>
-						</div>
+						<div class="name"><?php echo $Locale->getText("index.energy_efficient"); ?></div>
+						<div class="description"><?php echo $Locale->getText("index.energy_efficient_desc"); ?></div>
 					</div>
 					<div class="item">
-						<img src="assets/img/types/investor/efficiency.svg" alt="bullet">
-						<div class="text">
-							<div class="name"><?php echo $Locale->getText("index.transparent_protocol"); ?></div>
-							<div class="description"><?php echo $Locale->getText("index.transparent_protocol_desc"); ?></div>
-						</div>
-					</div>
+						<div class="name"><?php echo $Locale->getText("index.transparent_protocol"); ?></div>
+						<div class="description"><?php echo $Locale->getText("index.transparent_protocol_desc"); ?></div>
 					</div>
+				</div>
 				<br><br>
 			</div>
 			<div class="col-lg-6 col-md-7 col-sm-6">