tv: tweak TV layout to fit 3 rows better

Signed-off-by: Harsh Shandilya <[email protected]>

Author: msfjarvis

ui/src/main/res/layout/tv_tunnel_list_item.xml

@@ -26,21 +26,23 @@
 
     <!-- Rather than changing the background tint to red for deleting mode, it should instead just change the selection color -->
     <com.google.android.material.card.MaterialCardView
-        android:layout_width="280dp"
-        android:layout_height="130dp"
+        android:layout_width="260dp"
+        android:layout_height="110dp"
         android:layout_margin="8dp"
+        android:layout_marginTop="4dp"
+        android:layout_marginBottom="0dp"
         android:backgroundTint="@{isDeleting ? @color/error_tag_color : item.state == State.UP ? @color/secondary_dark_color : @color/tv_card_background}"
         android:checkable="true"
-        android:focusable="true">
+        android:focusable="true"
+        app:contentPadding="8dp">
 
         <androidx.constraintlayout.widget.ConstraintLayout
             android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:padding="16dp">
+            android:layout_height="match_parent">
 
             <com.google.android.material.textview.MaterialTextView
                 android:id="@+id/tunnel_name"
-                style="@style/TextAppearance.MaterialComponents.Headline4"
+                style="@style/TextAppearance.MaterialComponents.Headline5"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="@{item.name}"