From 00eb149afcba9d2991c24bf56b4be563e78c2e3c Mon Sep 17 00:00:00 2001
From: Juan Gilsanz Polo <juangilsanz@gmail.com>
Date: Mon, 17 Oct 2022 01:37:11 +0200
Subject: [PATCH] Improved logs screen

---
 .../app_logs/app_log_details_modal.dart       | 28 +++++++++++++++++--
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/lib/screens/app_logs/app_log_details_modal.dart b/lib/screens/app_logs/app_log_details_modal.dart
index c722337..ed47d8f 100644
--- a/lib/screens/app_logs/app_log_details_modal.dart
+++ b/lib/screens/app_logs/app_log_details_modal.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 
 import 'package:adguard_home_manager/models/app_log.dart';
 
@@ -40,10 +41,26 @@ class _AppLogDetailsModalState extends State<AppLogDetailsModal> {
   @override
   Widget build(BuildContext context) {
     return AlertDialog(
-      title: const Text("Log details"),
+      title: Column(
+        children: [
+          const Icon(
+            Icons.description_rounded,
+            size: 26,
+          ),
+          const SizedBox(height: 20),
+          Text(
+            AppLocalizations.of(context)!.logDetails,
+            textAlign: TextAlign.center,
+            style: const TextStyle(
+              fontSize: 24
+            ),
+          )
+        ],
+      ),
       scrollable: true,
       content: Column(
         mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.center,
         children: [
           const SizedBox(height: 20),
           Row(
@@ -96,8 +113,13 @@ class _AppLogDetailsModalState extends State<AppLogDetailsModal> {
                     duration: const Duration(milliseconds: 200),
                     curve: Curves.easeInOut,
                     decoration: BoxDecoration(
-                      border: Border.all(
-                        color: Theme.of(context).primaryColor
+                      border: Border(
+                        top: BorderSide(
+                          color: Theme.of(context).primaryColor
+                        ),
+                        bottom: BorderSide(
+                          color: Theme.of(context).primaryColor
+                        ),
                       ),
                       color: valueToShow == 'statusCode'  
                         ? Theme.of(context).primaryColor