From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 21 Oct 2023 16:27:00 +0000 (+0000)
Subject: fireinfo/profile: restyled the page
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=fb2b20e74589dea923a2fce60893ba1888b25a00;p=ipfire.org.git

fireinfo/profile: restyled the page
---

diff --git a/src/templates/fireinfo/profile.html b/src/templates/fireinfo/profile.html
index e29d2c7f..c984294d 100644
--- a/src/templates/fireinfo/profile.html
+++ b/src/templates/fireinfo/profile.html
@@ -3,40 +3,37 @@
 {% block title %}{{ _("Profile %s") % profile.public_id }}{% end block %}
 
 {% block content %}
-	<section>
+	<section class="section">
 		<div class="container">
-			<div class="row">
-				<div class="col col-lg-8 offset-lg-1">
-					<h1 class="display-2 mb-0">{{ _("Profile") }}</h1>
-					<h5>{{ profile.public_id }}</h5>
+			<div class="columns">
+				<div class="column is-8">
+					<h1 class="title is-1">{{ _("Profile") }}</h1>
+					<h5 class="title is-5">{{ profile.public_id }}</h5>
 				</div>
 			</div>
 		</div>
 	</section>
 
 	<div class="container">
-		<div class="row justify-content-center">
-			<div class="col-12 col-lg-10">
+		<div class="columns">
+			<div class="column is-10">
 				{% if profile.appliance_id %}
-					<div class="card mb-3">
-						<div class="card-body">
-							<div class="row">
-								<div class="col-12 col-sm-7">
-									<small>{{ _("This is a") }}</small>
-									<h5 class="card-title text-lwl">{{ profile.appliance }}</h5>
-								</div>
-
-								<div class="col-12 col-sm-5 d-flex align-items-center">
-									<div class="d-grid">
-										<a class="btn btn-lwl text-truncate" href="https://www.lightningwirelabs.com">
-											{{ _("Go to Lightning Wire Labs") }} <span class="fas fa-external-link-alt ml-2"></span>
-										</a>
-									</div>
-								</div>
-							</div>
+					<div class="columns">
+						<div class="column is-7">
+							<small>{{ _("This is a") }}</small>
+							<h5 class="title is-5 is-lwl">{{ profile.appliance }}</h5>
+						</div>
+
+						<div class="column is-5">
+							<a class="button is-lwl" href="https://www.lightningwirelabs.com">
+								{{ _("Go to Lightning Wire Labs") }} <span class="fas fa-external-link-alt ml-2"></span>
+							</a>
 						</div>
 					</div>
 				{% end %}
+			</div>
+		</div>
+
 
 				<div class="card mb-5">
 					<div class="card-body">