fix settings layout for RmlUi 6.2: toggle positioning and flexbox sizing

src/main/assets/apps/settings/settings.rml

@@ -24,7 +24,7 @@
 
         .settings-section {
             margin-bottom: 8px;
-            width: 100%;
+            width: 540px;
             display: flex;
             flex-direction: column;
         }
@@ -37,13 +37,14 @@
         }
 
         .settings-item {
+            width: 540px;
+            box-sizing: border-box;
             display: flex;
-            align-items: center;
+            flex-direction: row;
             padding: 16px;
             cursor: pointer;
             background-color: #1E1E1E;
-            width: 100%;
-            box-sizing: border-box;
+            overflow: hidden;
         }
 
         .settings-item:hover {
@@ -51,17 +52,13 @@
         }
 
         .settings-item + .settings-item {
-            border-top-width: 1px;
-            border-top-color: #333333;
+            border-top: 1px #333333;
         }
 
         .settings-icon {
             width: 56px;
             height: 56px;
             margin-right: 16px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
             font-size: 28px;
             color: #B3B3B3;
         }
@@ -91,8 +88,8 @@
             height: 32px;
             border-radius: 16px;
             background-color: #666666;
-            position: relative;
             cursor: pointer;
+            position: relative;
         }
 
         .settings-toggle.active {
@@ -120,13 +117,14 @@
         }
 
         .user-card {
+            width: 540px;
+            box-sizing: border-box;
             display: flex;
+            flex-direction: row;
             align-items: center;
             padding: 20px 16px;
             background-color: #1E1E1E;
             margin-bottom: 8px;
-            width: 100%;
-            box-sizing: border-box;
         }
 
         .user-avatar {
@@ -135,11 +133,10 @@
             border-radius: 32px;
             background-color: #BB86FC;
             margin-right: 16px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
             font-size: 28px;
             color: #000000;
+            text-align: center;
+            line-height: 64px;
         }
 
         .user-info {

src/main/cpp/CMakeLists.txt

@@ -22,7 +22,7 @@ include(FetchContent)
 FetchContent_Declare(
     rmlui
     GIT_REPOSITORY https://github.com/mikke89/RmlUi.git
-    GIT_TAG master
+    GIT_TAG 6.2
 )
 set(RMLUI_LUA_BINDINGS ON CACHE BOOL "" FORCE)
 set(BUILD_SHARED_LIBS OFF CACHE BOOL "" FORCE)