       colors = {}
       for aggregated_list, idx in @props.combines_these_lists
         colors[aggregated_list] = hues[idx]
+
+
+
+    show_all_button = => 
+
+      LI
+        key: "show-all-#{list_key}"
+        style:
+          listStyle: 'none'
+
+        BUTTON
+          style:
+            backgroundColor: '#e9eaeb' #'#f9f9f9'
+            width: HOMEPAGE_WIDTH()
+            cursor: 'pointer'
+            padding: '14px 0' 
+            fontWeight: 600
+            textAlign: 'center'
+            marginTop: 12
+            marginBottom: 28
+            border: 'none'
+            fontSize: 22
+
+          onClick: => 
+            list_state = fetch list_key
+            list_state.show_all_proposals = true
+            save list_state
+
+          SPAN 
+            style: 
+              textDecoration: 'underline'
+
+            translator "engage.show_hidden_proposals", 'Show all'
+
+          SPAN 
+            style: 
+              paddingLeft: 18
+              fontFamily: mono_font()
+              color: '#444'
+              fontWeight: 400
+            "+#{proposals.length - @props.show_first_num_items}"
+
+
 
     render_new = (is_top) =>
       LI 

            show_category: !!@props.combines_these_lists
            category_color: if @props.combines_these_lists then hsv2rgb(colors["list/#{(proposal.cluster or 'Proposals')}"], .9, .8)
            focused_on: @props.proposal_focused_on && @props.proposal_focused_on.key == proposal.key


        if @props.show_new_button

              fontStyle: 'normal'
              fontWeight: 700
              textDecoration: 'none'
              whiteSpace: 'nowrap'
            onClick: (e) => 
              e.stopPropagation()
        
