Add better sizing for pictures

mobile/src/WorkItem/WorkItem.js

@@ -20,6 +20,7 @@ import {
   Header,
   PhotoButton,
   BoundOptionStrip,
+  PhotoPanel,
 } from "../ui"
 import { MessageModal } from "../Modal"
 import autobind from "autobind-decorator"
@@ -46,10 +47,6 @@ const styles = StyleSheet.create({
     shadowOpacity: 0.5,
     padding: 10,
   },
-  label: {
-    fontSize: 14,
-    marginBottom: 4,
-  },
 })
 
 export class WorkItem extends React.Component {
@@ -257,13 +254,7 @@ export class WorkItem extends React.Component {
             />
           </View>
           <View style={styles.panel}>
-            <Text style={styles.label}>Pictures:</Text>
-            <View
-              style={{ flexDirection: "row", justifyContent: "space-between" }}>
-              <PhotoButton />
-              <PhotoButton />
-              <PhotoButton />
-            </View>
+            <PhotoPanel />
           </View>
           {isIphoneX ? <View style={{ height: 30, width: "100%" }} /> : null}
         </ScrollView>