Tweak style and text of user opinion aggregations

app/src/frontend/building/data-components/user-opinion-data-entry.tsx

@@ -34,15 +34,28 @@ const UserOpinionEntry: React.FunctionComponent<UserOpinionEntryProps> = (props)
                     onChange={e => props.onChange(props.slug, e.target.checked)}
                 /> Yes
             </label>
-            <p>
-                {
-                    (props.aggregateValue)?
-                        (props.aggregateValue === 1)?
-                            `1 person ${props.aggregationDescriptions.one}`
-                            : `${props.aggregateValue} people ${props.aggregationDescriptions.many}`
-                        : `0 people ${props.aggregationDescriptions.zero}`
-                }
-            </p>
+            <div>
+                <label>
+                    <span style={{fontStyle: 'italic'}}>
+                        {
+                            (props.aggregateValue)?
+                            (props.aggregateValue === 1)?
+                                `1 person `
+                                : `${props.aggregateValue} people `
+                            : `0 people so far `
+                        }
+                    </span>
+                    <span>
+                        {
+                            (props.aggregateValue)?
+                                (props.aggregateValue === 1)?
+                                    props.aggregationDescriptions.one
+                                    : props.aggregationDescriptions.many
+                                : props.aggregationDescriptions.zero
+                        }
+                    </span>
+                </label>
+            </div>
         </>
     );
 };

app/src/frontend/config/data-fields-config.ts

@@ -522,7 +522,7 @@ export const dataFields = { /* eslint-disable @typescript-eslint/camelcase */
         example: 100,
         tooltip: "People who like the building and think it contributes to the city.",
         aggregationDescriptions: {
-            zero: "like this building so far",
+            zero: "like this building",
             one: "likes this building",
             many: "like this building"
         }