styling improvements, stateful AND operator component

frontend/src/lib/components/PropertyFilters/components/UnifiedPropertyFilter.scss

@@ -19,5 +19,9 @@
 
     .filter-dropdown-container {
         min-width: 6em;
+
+        .ant-btn {
+            width: 100%;
+        }
     }
 }

frontend/src/lib/components/PropertyFilters/components/UnifiedPropertyFilter.tsx

@@ -207,8 +207,16 @@ export function UnifiedPropertyFilter({ index, onComplete, logic }: PropertyFilt
             <Row gutter={8} wrap={isSmallScreen} className="property-filter-row">
                 {key && (
                     <Col className="filter-where">
-                        <span className="arrow">&#8627;</span>
-                        {index === 0 ? 'where' : 'and'}
+                        {index === 0 ? (
+                            <>
+                                <span className="arrow">&#8627;</span>
+                                where
+                            </>
+                        ) : (
+                            <span className="stateful-badge and" style={{ marginLeft: 28, fontSize: '90%' }}>
+                                AND
+                            </span>
+                        )}
                     </Col>
                 )}
                 <Col className="filter-dropdown-container">
@@ -269,6 +277,7 @@ export function UnifiedPropertyFilter({ index, onComplete, logic }: PropertyFilt
                                 style: {
                                     maxWidth: isSmallScreen ? 'unset' : '60%',
                                     minWidth: '11em',
+                                    flexShrink: 3,
                                 },
                             },
                         ]}

frontend/src/scenes/insights/InsightTabs/InsightDisplayConfig.tsx

@@ -23,7 +23,7 @@ export function InsightDisplayConfig({
     horizontalUI,
     ...props
 }: InsightDisplayConfigProps & { horizontalUI: boolean }): JSX.Element {
-    return horizontalUI && props.activeView !== ViewType.FUNNELS ? (
+    return horizontalUI ? (
         <HorizontalDefaultInsightDisplayConfig {...props} />
     ) : (
         <DefaultInsightDisplayConfig {...props} />