Improved news activity layout

Author: cylonid

app/src/main/assets/news/latestUpdate_de.html

@@ -23,13 +23,15 @@
       <article id="update">
         <h1>Aktuelle Neuerungen</h1>
         <h3>Version: v1.4.0</h3>
-        <ul>
-          <li>Web-App-Reihenfolge im Menü kann geändert werden</li>
-          <li>Datei-Downloads werden unterstützt</li>
-          <li>Native Alpha-Kontextmenü kann pro Web-App deaktiviert werden, sodass das normale Browser-Kontextmenü gezeigt wird</li>
-          <li>Italienische Übersetzung hinzugefügt</li>
-          <li>Generelle, technische Versionsupdates</li>
-        </ul>
+        <div class="list-wrapper">
+          <ul>
+            <li>Web-App-Reihenfolge im Menü kann geändert werden</li>
+            <li>Datei-Downloads werden unterstützt</li>
+            <li>Native Alpha-Kontextmenü kann pro Web-App deaktiviert werden, sodass das normale Browser-Kontextmenü gezeigt wird</li>
+            <li>Italienische Übersetzung hinzugefügt</li>
+            <li>Generelle, technische Versionsupdates</li>
+          </ul>
+        </div>
       </article>
       <article id="eula">
         <h1>Nutzungsbedingungen - <wbr>Haftungsausschluss</h1>

app/src/main/assets/news/latestUpdate_en.html

@@ -23,19 +23,22 @@
       <article id="update">
         <h1>News</h1>
         <h3>Version: v1.4.0</h3>
-        <ul>
-          <li>Order of Web Apps in menu can be changed</li>
-          <li>File downloads are supported</li>
-          <li>Native Alpha custom context menu can be deactived so that the standard browser context menu is shown</li>
-          <li>Italian translation added</li>
-          <li>General, technical version updates</li>
-        </ul>
+        <div class="list-wrapper">
+          <ul>
+            <li>Order of Web Apps in menu can be changed</li>
+            <li>File downloads are supported</li>
+            <li>Native Alpha custom context menu can be deactived so that the standard browser context menu is shown
+            </li>
+            <li>Italian translation added</li>
+            <li>General, technical version updates</li>
+          </ul>
+        </div>
 
       </article>
       <article id="eula">
         <h1>Terms of Usage - <wbr>Nonliability</h1>
         <p>This app is published under GNU General Public
-            License v3. The source code is freely accessible on GitHub. More information in the "About" section.</p>
+          License v3. The source code is freely accessible on GitHub. More information in the "About" section.</p>
         <p>
           The software is provided “as is”, without warranty of any kind, express or implied, including but not limited
           to

app/src/main/assets/news/news.css

@@ -1,3 +1,11 @@
+:root {
+  --custom-red: #b71c1c;
+}
+
+body {
+  font-family: Arial, Helvetica, sans-serif;
+}
+
 header {
   display: flex;
   justify-content: center;
@@ -12,6 +20,12 @@ header img {
 #wrapper {
   display: flex;
   flex-direction: row;
+  justify-content: center;
+}
+
+#update {
+  display: flex;
+  flex-direction: column;
 }
 
 main {
@@ -20,6 +34,7 @@ main {
   width: 80%;
   flex-direction: column;
   overflow-wrap: break-word;
+  text-align: center;
 }
 
 aside {
@@ -36,10 +51,16 @@ ul {
   padding: 0;
 }
 
+.list-wrapper {
+  text-align: start;
+  margin: 0 auto;
+}
+
 ul li::before {
-  content: "✔";
-  color: rgb(122, 122, 122);
-  font-weight: bold;
+  content: "»";
+  font-weight: 1000;
+  font-size: 18pt;
   display: inline-block; 
-  width: 2em;
+  width: 1em;
+  color: var(--custom-red);
 }

app/src/main/res/layout/news_activity.xml

@@ -4,8 +4,7 @@
     android:orientation="vertical"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@android:color/white"
-    android:forceDarkAllowed="false"
+    android:layout_margin="@dimen/margin_activity"
     android:id="@+id/news_main">
     <View
         android:layout_width="match_parent"
@@ -32,11 +31,11 @@
         </LinearLayout>
     </ScrollView>
     <LinearLayout
-        android:id="@+id/header"
-        android:layout_weight="10"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="end"
+        android:layout_marginEnd="15dp"
+        android:layout_marginBottom="15dp"
         android:orientation="horizontal">
 
         <Button