UI: Fixed insights error and fixed indicator for burger

Author: ArtemDzhereleiko

_sass/_base.sass

@@ -1044,8 +1044,8 @@ dd
                 &.small-link
                   margin-bottom: 15px
 
-        .indicator
-          display: none
+      .indicator
+        display: none
 
     .n-button
       display: none

index.html

@@ -161,7 +161,7 @@ <h2>Smart energy</h2>
 							<a class="read-more-button dash" href="/smart-energy/">Smart energy use case<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="More information about Smart energy posibilities arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>
 						</div>
 						<div class="item-image-container">
-							<a class="img-button" href="/smart-energy/"><div class="overlay"><div class="eye"><img src="images/eye-icon.svg" alt="See more about Smart energy">See more about Smart energy</div></div><img class="item-image" src="/images/usecases/smart-energy/se4.png" alt="Smart energy dashbort example" loading="lazy"></a>
+							<a class="img-button" href="/smart-energy/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt>See more about Smart energy</div></div><img class="item-image" src="/images/usecases/smart-energy/se4.png" alt="Smart energy dashboard example" width="924" height="416" loading="lazy"></a>
 						</div>
 					</div>
 					<div class="dashboard-item">
@@ -171,7 +171,7 @@ <h2>Smart farming</h2>
 							<a class="read-more-button dash" href="/smart-farming/">Smart farming use case<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="More information about Smart farming arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>
 						</div>
 						<div class="item-image-container">
-							<a class="img-button" href="/smart-farming/"><div class="overlay"><div class="eye"><img src="images/eye-icon.svg" alt="See more about Smart farming">See more about Smart farming</div></div><img class="item-image" src="/images/usecases/smart-farming/sf1.png" alt="Smart farming dashbort example" loading="lazy"></a>
+							<a class="img-button" href="/smart-farming/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt>See more about Smart farming</div></div><img class="item-image" src="/images/usecases/smart-farming/sf1.png" alt="Smart farming dashboard example" width="924" height="416" loading="lazy"></a>
 						</div>
 					</div>
 					<div class="dashboard-item">
@@ -181,7 +181,7 @@ <h2>Fleet tracking</h2>
 							<a class="read-more-button dash" href="/fleet-tracking/">Fleet tracking use case<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="More information about fleet tracking arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>
 						</div>
 						<div class="item-image-container">
-							<a class="img-button" href="/fleet-tracking/"><div class="overlay"><div class="eye"><img src="images/eye-icon.svg" alt="See more about Fleet tracking">See more about Fleet tracking</div></div><img class="item-image" src="/images/usecases/fleet-tracking/ft3.png" alt="Fleet tracking dashbort example" loading="lazy"></a>
+							<a class="img-button" href="/fleet-tracking/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt>See more about Fleet tracking</div></div><img class="item-image" src="/images/usecases/fleet-tracking/ft3.png" alt="Fleet tracking dashboard example" width="924" height="416" loading="lazy"></a>
 						</div>
 					</div>
 					<div class="dashboard-item">
@@ -191,7 +191,7 @@ <h2>Smart metering</h2>
 							<a class="read-more-button dash" href="/smart-metering/">Smart metering use case<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="More information about smart metering arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>
 						</div>
 						<div class="item-image-container">
-							<a class="img-button" href="/smart-metering/"><div class="overlay"><div class="eye"><img src="images/eye-icon.svg" alt="See more about Smart metering">See more about Smart metering</div></div><img class="item-image" src="/images/usecases/smart-metering/sm1.png" alt="Smart metering dashbort example" loading="lazy"></a>
+							<a class="img-button" href="/smart-metering/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt>See more about Smart metering</div></div><img class="item-image" src="/images/usecases/smart-metering/sm1.png" alt="Smart metering dashboard example" width="924" height="416" loading="lazy"></a>
 						</div>
 					</div>
 					<div class="dashboard-item">
@@ -201,7 +201,7 @@ <h2>Environment Monitoring</h2>
 							<a class="read-more-button dash" href="/use-cases/environment-monitoring/">Environment Monitoring use case<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="More information about environment monitoring arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>
 						</div>
 						<div class="item-image-container">
-							<a class="img-button" href="/use-cases/environment-monitoring/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" alt="See more about Environment monitoring">See more about Environment Monitoring</div></div><img class="item-image" src="/images/usecases/environment-monitoring/em1.png" alt="Environment monitoring dashbort example" loading="lazy"></a>
+							<a class="img-button" href="/use-cases/environment-monitoring/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt>See more about Environment Monitoring</div></div><img class="item-image" src="/images/usecases/environment-monitoring/em1.png" alt="Environment monitoring dashboard example" width="924" height="416" loading="lazy"></a>
 						</div>
 					</div>
 					<div class="dashboard-item">
@@ -211,7 +211,7 @@ <h2>Smart Office</h2>
 							<a class="read-more-button dash" href="/use-cases/smart-office/">Smart Office use case<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="More information about smart office arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>
 						</div>
 						<div class="item-image-container">
-							<a class="img-button" href="/use-cases/smart-office/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" alt="See more about Smart office">See more about Smart Office</div></div><img class="item-image" src="/images/usecases/smart-office/so1.png" alt="Smart office dashbort example" loading="lazy"></a>
+							<a class="img-button" href="/use-cases/smart-office/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt>See more about Smart Office</div></div><img class="item-image" src="/images/usecases/smart-office/so1.png" alt="Smart office dashboard example" width="924" height="416" loading="lazy"></a>
 						</div>
 					</div>
 					<div class="dashboard-item">
@@ -221,7 +221,7 @@ <h2>Water Metering</h2>
 							<a class="read-more-button dash" href="/use-cases/water-metering/">Water Metering use case<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="More information about water metering arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>
 						</div>
 						<div class="item-image-container">
-							<a class="img-button" href="/use-cases/water-metering/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" alt="See more about Water metering">See more about Water Metering</div></div><img class="item-image" src="/images/usecases/water-metering/wm4.png" alt="Water metering dashbort example" loading="lazy"></a>
+							<a class="img-button" href="/use-cases/water-metering/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt>See more about Water Metering</div></div><img class="item-image" src="/images/usecases/water-metering/wm4.png" alt="Water metering dashboard example" width="924" height="416" loading="lazy"></a>
 						</div>
 					</div>
 					<div class="dashboard-item">
@@ -231,7 +231,7 @@ <h2>Smart Retail</h2>
 							<a class="read-more-button dash" href="/use-cases/smart-retail/">Smart Retail use case<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="More information about smart retail arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>
 						</div>
 						<div class="item-image-container">
-							<a class="img-button" href="/use-cases/smart-retail/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" alt="See more about Smart retail">See more about Smart Retail</div></div><img class="item-image" src="/images/usecases/smart-retail/sr3.png" alt="Smart retail dashbort example" loading="lazy"></a>
+							<a class="img-button" href="/use-cases/smart-retail/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt>See more about Smart Retail</div></div><img class="item-image" src="/images/usecases/smart-retail/sr3.png" alt="Smart retail dashboard example" width="924" height="416" loading="lazy"></a>
 						</div>
 					</div>
 				</div>
@@ -244,7 +244,7 @@ <h2>Smart Retail</h2>
 		<section id="rule-engine">
 			<div class="main-div">
 				<div class="rule hidden" data-loading="false">
-					<a class="rule-button img-button" href="/docs/user-guide/rule-engine-2-0/re-getting-started/"><div class="overlay"><div class="eye"><img src="images/eye-icon.svg" width="24" height="24" alt="Getting started with rule engine">See more about IoT Rule Engine</div></div><img src="images/demo/send-email-rule-chain.gif" alt="Send email rule chain creation" loading="lazy"></a>
+					<a class="rule-button img-button" href="/docs/user-guide/rule-engine-2-0/re-getting-started/"><div class="overlay"><div class="eye"><img src="/images/eye-icon.svg" width="24" height="24" alt="Getting started with rule engine">See more about IoT Rule Engine</div></div><img src="/images/demo/send-email-rule-chain.gif" alt="Send email rule chain creation" width="890" height="375" loading="lazy"></a>
 					<div class="des"><h3>IoT Rule Engine</h3>
 						<p>ThingsBoard allows you to create complex <a href="/docs/user-guide/rule-engine-2-0/re-getting-started/">Rule Chains</a> to process data from your devices and match your application specific use cases.</p>
 						<a class="read-more-button" href="/docs/user-guide/rule-engine-2-0/re-getting-started/">Read more about rule engine<img class="arrow first" src="/images/pe/read-more-arrow.svg" alt="Read more about rule engine arrow"><img class="arrow second" src="/images/pe/read-more-arrow.svg" alt=""><img class="arrow third" src="/images/pe/read-more-arrow.svg" alt=""></a>