Changed the about dialog slightly

public/js/grocy.js

@@ -497,7 +497,6 @@ $("#about-dialog-link").on("click", function()
 {
 	bootbox.alert({
 		message: '<iframe height="400px" class="embed-responsive" src="' + U("/about?embedded") + '"></iframe>',
-		size: "large",
 		closeButton: false
 	});
 });

views/about.blade.php

@@ -7,20 +7,28 @@
 	<div class="col-xs-12 col-md-6 col-xl-4 text-center">
 		<h1>@yield('title')</h1>
 
+		<p class="font-italic">
 			grocy is a project by
 			<a href="https://berrnd.de" class="discrete-link" target="_blank">Bernd Bestel</a><br>
-		Created with passion since 2017<br>
+			Created with passion since 2017
-		<br>
+		</p>
-		Version {{ $version }}<br>
+
-		{{ $L('Released on') }} {{ $releaseDate }} <time class="timeago timeago-contextual" datetime="{{ $releaseDate }}"></time><br>
+		<p>
-		<br>
+			Version <code>{{ $version }}</code><br>
-		PHP Version {{ $system_info['php_version'] }}<br>
+			{{ $L('Released on') }} <code>{{ $releaseDate }}</code> <time class="timeago timeago-contextual" datetime="{{ $releaseDate }}"></time>
-		SQLite Version {{ $system_info['sqlite_version'] }}<br>
+		</p>
-		<br>
+
+		<p>
+			PHP Version <code>{{ $system_info['php_version'] }}</code><br>
+			SQLite Version <code>{{ $system_info['sqlite_version'] }}</code>
+		</p>
+		
+		<p class="small text-muted">
 			Life runs on code<br>
 			<a href="https://github.com/grocy/grocy" class="discrete-link" target="_blank">
 				<i class="fab fa-github"></i>
 			</a>
+		</p>
 	</div>
 </div>
 @stop