fix(minor): website padding and like icon

- fix padding on navbar, dropdown
- fix like icon on blog page
- updated update password page

frappe/public/scss/website/blog.scss

@@ -117,14 +117,19 @@
 	}
 
 	.blog-feedback {
-		display: flex;
-
+		display: inline-flex;
 		.like-icon {
 			cursor: pointer;
 
-			&.gray use {
-				fill: var(--gray-600);
-				stroke: none;
+			use {
+				stroke: var(--gray-800);
+				--icon-stroke: transparent;
+			}
+		}
+		.like-icon.liked {
+			use {
+				stroke: var(--gray-800);
+				--icon-stroke: var(--red-500);
 			}
 		}
 	}

frappe/public/scss/website/index.scss

@@ -87,6 +87,7 @@
 
 .dropdown-item {
 	border-radius: $dropdown-border-radius;
+	padding : var(--dropdown-padding) !important;
 }
 
 .dropdown-item:active {
@@ -166,6 +167,10 @@ a.card {
 	text-decoration: none;
 }
 
+a.card-link {
+	text-decoration: underline;
+}
+
 .hidden {
 	@extend .d-none;
 }

frappe/public/scss/website/navbar.scss

@@ -1,12 +1,10 @@
 .navbar {
-	padding-left: 0;
-	padding-right: 0;
+	padding: 0;
 }
 
 @media (max-width: map-get($grid-breakpoints, "lg")) {
 	.navbar {
-		padding-left: 1rem;
-		padding-right: 1rem;
+		padding: 0 1rem;
 	}
 }
 

frappe/templates/includes/likes/likes.html

@@ -9,7 +9,7 @@
 		let like_count = parseInt("{{ like_count or 0 }}");
 
 		let toggle_like_icon = function(active) {
-			active ? $('.like-icon').addClass('gray') : $('.like-icon').removeClass('gray');
+			active ? $('.like-icon').addClass('liked') : $('.like-icon').removeClass('liked');
 		}
 
 		$('.like-icon').append(frappe.utils.icon('es-solid-heart', 'md'))

frappe/www/update-password.html

@@ -5,10 +5,10 @@
 {% endblock %}
 {% block page_content %}
 <section class="for-reset-password d-block">
+	<div class="page-card-head">
+		<h4 class="reset-password-heading">{{ _("Reset Password") if frappe.db.get_default('company') else _("Set Password")}}</h4>
+	</div>
 	<div class="page-card">
-		<div class='page-card-head text-center'>
-			<h4 class="reset-password-heading">{{ _("Reset Password") if frappe.db.get_default('company') else _("Set Password")}}</h4>
-		</div>
 		<form id="reset-password">
 			<div class="form-group">
 				<input id="old_password" type="password"
@@ -38,6 +38,25 @@
 	</div>
 </section>
 <style>
+	.page-card-head {
+		padding: max(5vh, 30px) 0 14px 0px;
+		margin: 0 auto;
+		text-align: center;
+		font-size: var(--text-xl);
+		font-weight: 600;
+
+	}
+	.page-card-head img {
+		max-height: 42px;
+	}
+
+	.page-card-head h4 {
+		margin-top: 1rem;
+		font-size: var(--text-xl);
+		font-weight: var(--weight-semibold);
+		letter-spacing: 0.01em;
+		color: var(--text-color);
+	}
 </style>
 
 <script>