consistent redbox theme, bigger text and spacing

foghina · facebook-github-bot-7 · commit ff17789e98e4 · 2015-10-22T03:39:26.000-07:00
Differential Revision: D2569981

fb-gh-sync-id: 20b9bfc6801544795d6d13aa029ae5e1f5ee1dee
diff --git a/ReactAndroid/src/main/res/devsupport/layout/redbox_item_frame.xml b/ReactAndroid/src/main/res/devsupport/layout/redbox_item_frame.xml
@@ -2,22 +2,25 @@
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
-  android:padding="8dp"
+  android:paddingTop="8dp"
+  android:paddingBottom="8dp"
+  android:paddingLeft="16dp"
+  android:paddingRight="16dp"
     >
   <TextView
     android:id="@+id/rn_frame_method"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:textColor="@android:color/white"
-    android:textSize="10sp"
+    android:textSize="14sp"
     android:fontFamily="monospace"
     />
   <TextView
     android:id="@+id/rn_frame_file"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:textColor="#E6B8B8"
-    android:textSize="8sp"
+    android:textSize="12sp"
     android:fontFamily="monospace"
     />
 </LinearLayout>
diff --git a/ReactAndroid/src/main/res/devsupport/layout/redbox_item_title.xml b/ReactAndroid/src/main/res/devsupport/layout/redbox_item_title.xml
@@ -2,9 +2,9 @@
   android:id="@+id/catalyst_redbox_title"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
-  android:padding="8dp"
+  android:padding="16dp"
   android:gravity="center_vertical"
   android:textColor="@android:color/white"
-  android:textSize="14sp"
+  android:textSize="16sp"
   android:textStyle="bold"
   />
diff --git a/ReactAndroid/src/main/res/devsupport/layout/redbox_view.xml b/ReactAndroid/src/main/res/devsupport/layout/redbox_view.xml
@@ -15,6 +15,7 @@
     android:id="@+id/rn_redbox_reloadjs"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:layout_margin="8dp"
     android:text="@string/catalyst_reloadjs"
     />
 </LinearLayout>
diff --git a/ReactAndroid/src/main/res/devsupport/values/styles.xml b/ReactAndroid/src/main/res/devsupport/values/styles.xml
@@ -2,7 +2,7 @@
 <resources>
   <style name="Theme"/>
   <style name="Theme.Catalyst"/>
-  <style name="Theme.Catalyst.RedBox">
+  <style name="Theme.Catalyst.RedBox" parent="@style/Theme.AppCompat.DialogWhenLarge">
     <item name="android:windowBackground">@color/catalyst_redbox_background</item>
     <item name="android:windowAnimationStyle">@style/Animation.Catalyst.RedBox</item>
     <item name="android:inAnimation">@android:anim/fade_in</item>
