chore: Follow up design changes

lib/config/themes.dart

@@ -116,7 +116,12 @@ abstract class FluffyThemes {
       ),
       outlinedButtonTheme: OutlinedButtonThemeData(
         style: OutlinedButton.styleFrom(
+          side: BorderSide(
+            width: 1,
+            color: colorScheme.primary,
+          ),
           shape: RoundedRectangleBorder(
+            side: BorderSide(color: colorScheme.primary),
             borderRadius: BorderRadius.circular(AppConfig.borderRadius / 2),
           ),
         ),

lib/pages/chat_details/chat_details_view.dart

@@ -188,26 +188,26 @@ class ChatDetailsView extends StatelessWidget {
                           height: 1,
                           color: Theme.of(context).dividerColor,
                         ),
-                        ListTile(
+                        if (!room.canChangeStateEvent(EventTypes.RoomTopic))
-                          onTap: room.canSendEvent(EventTypes.RoomTopic)
+                          ListTile(
-                              ? controller.setTopicAction
+                            title: Text(
-                              : null,
+                              L10n.of(context)!.groupDescription,
-                          trailing: room.canSendEvent(EventTypes.RoomTopic)
+                              style: TextStyle(
-                              ? Icon(
+                                color: Theme.of(context).colorScheme.secondary,
-                                  Icons.edit_outlined,
+                                fontWeight: FontWeight.bold,
-                                  color: Theme.of(context)
+                              ),
-                                      .colorScheme
+                            ),
-                                      .onBackground,
+                          )
-                                )
+                        else
-                              : null,
+                          Padding(
-                          title: Text(
+                            padding: const EdgeInsets.all(16.0),
-                            L10n.of(context)!.groupDescription,
+                            child: OutlinedButton.icon(
-                            style: TextStyle(
+                              onPressed: controller.setTopicAction,
-                              color: Theme.of(context).colorScheme.secondary,
+                              label:
-                              fontWeight: FontWeight.bold,
+                                  Text(L10n.of(context)!.setGroupDescription),
+                              icon: const Icon(Icons.edit_outlined),
                             ),
                           ),
-                        ),
                         Padding(
                           padding: const EdgeInsets.symmetric(
                             horizontal: 16.0,