Use outdoor card template for front porch

mobile_dashboard.yaml

@@ -940,40 +940,15 @@ views:
               - icon: hue:room-outdoors
               - power_entity: sensor.outside_lights_power_sensor
               - lights_entity: light.outside_lights
-          - type: custom:bubble-card
+          - type: custom:streamline-card
-            card_type: button
+            template: main_button_outdoors
-            button_type: state
+            variables:
-            entity: binary_sensor.front_doorbell_motion_mqtt
+              - name: Front Porch
-            name: Front Porch
+              - icon: hue:room-porch
-            icon: hue:room-porch
+              - navigation_path: '#front-porch'
-            show_state: false
+              - occupancy_entity: binary_sensor.front_doorbell_motion_mqtt
-            double_tap_action:
+              - temp_entity: sensor.home_tempest_temperature
-              action: none
+              - lux_entity: sensor.home_tempest_illuminance
-            hold_action:
-              action: none
-            button_action:
-              double_tap_action:
-                action: none
-              hold_action:
-                action: none
-              tap_action:
-                action: navigate
-                navigation_path: '#front-porch'
-            styles: |-
-              .is-unavailable {
-                opacity: 0.5 !important;
-              }
-              .bubble-button-background {
-                opacity: 1 !important;
-                background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'} !important;
-                transition: background-color 1s !important;
-              }
-            tap_action:
-              action: navigate
-              navigation_path: '#front-porch'
-            sub_button: []
-            modules:
-              - default
           - type: custom:streamline-card
             template: floors_separator
             variables: