 
 
 
-styles += """
-  .toggle_buttons {
-    list-style: none;
-    margin: auto;
-    text-align: center
-  }
-  .toggle_buttons li {
-    display: inline-block;
-  }
-  .toggle_buttons button {
-    background-color: white;
-    color: #{focus_blue};
-    font-weight: 600;
-    font-size: 12px;
-    border: 1px solid #{focus_blue};
-    padding: 4px 16px;
-  }  
-  .toggle_buttons .first button {
-    border-radius: 8px 0 0 8px;
-    border-right: none;
-  }
-  .toggle_buttons .last button {
-    border-radius: 0px 8px 8px 0px;
-    border-left: none;
-  }
-
-  .toggle_buttons .active button {
-    background-color: #{focus_blue};
-    color: white;
-  }
-"""
-
-ToggleButtons = (items, view_state) ->
-  toggle_state = fetch view_state 
-  toggle_state.active ?= items[0]?.label
-
-  toggled = (e, item) ->
-    view_state.active = item.label
-    item.callback?()
-    save view_state    
-
-  UL 
-    key: 'toggle buttons'
-    className: 'toggle_buttons'
-
-    for item, idx in items
-      do (item) =>
-        LI 
-          className: "#{if view_state.active == item.label then 'active' else ''} #{if idx == 0 then 'first' else if idx == items.length - 1 then 'last' else ''}"
-          'data-view-state': item.label
-          BUTTON
-            onClick: (e) -> toggled(e, item) 
-            onKeyDown: (e) -> 
-              if e.which == 13 || e.which == 32 # ENTER or SPACE
-                toggled(e, item)
-                e.preventDefault()
-
-            item.label
-
-HelpIcon = (help_text, style) ->
-  style ?= {}
-  show_tooltip = (e) -> 
-    tooltip = fetch 'tooltip'
-    tooltip.coords = $(e.target).offset()
-    el_with_width = e.target
-    while !el_with_width.offsetWidth 
-      el_with_width = el_with_width.parentElement
-    tooltip.coords.left += el_with_width.offsetWidth / 2
-    tooltip.tip = help_text
-    save tooltip
-    e.preventDefault()
-
-  hide_tooltip = (e) ->
-    tooltip = fetch 'tooltip'
-    tooltip.coords = null
-    save tooltip
-
-  BUTTON 
-    style: _.defaults style or {}, 
-      backgroundColor: 'transparent'
-      border: 'none'
-      padding: 0
-      display: 'inline-block'
-      width: style.width or 17
-      height: style.height or 17
-
-    onMouseEnter: show_tooltip
-    onMouseLeave: hide_tooltip
-    onClick: (e) -> 
-      if fetch('tooltip').coords
-        hide_tooltip(e)
-      else 
-        show_tooltip(e)
-
-    SVG 
-      width: style.width or 17
-      height: style.height or 17
-      viewBox: "0 0 17 17.0000094" 
-
-      G 
-        stroke: "none" 
-        strokeWidth: "1" 
-        fill: "none" 
-        fillRule: "evenodd"
-        G 
-          transform: "translate(0.000000, 0.000000)" 
-          fill: "#000000" 
-          fillRule: "nonzero"
-          PATH 
-            d: "M8.5,2.833339 C7.71759653,2.833339 7.08333333,3.4676022 7.08333333,4.25000567 C7.08333333,5.03240913 7.71759653,5.66667233 8.5,5.66667233 C9.28240347,5.66667233 9.91666667,5.03240913 9.91666667,4.25000567 C9.91666667,3.4676022 9.28240347,2.833339 8.5,2.833339 Z M6.61111111,6.61111678 L7.55555556,7.55556122 L7.55555556,13.2222279 L6.61111111,13.2222279 L6.61111111,14.1666723 L10.3888889,14.1666723 L10.3888889,13.2222279 L9.44444444,13.2222279 L9.44444444,6.61111678 L7.55555556,6.61111678 L6.61111111,6.61111678 Z"
-          PATH 
-            d: "M8.5,2.14741805e-14 C3.81117296,2.14741805e-14 0,3.81117333 0,8.5 C0,13.1888361 3.81117296,17 8.5,17 C13.188827,17 17,13.1888361 17,8.5 C17,3.81117333 13.188827,2.14741805e-14 8.5,2.14741805e-14 Z M8.5,0.944444444 C12.6784115,0.944444444 16.0555556,4.32158889 16.0555556,8.49999056 C16.0555556,12.6784206 12.6784115,16.055565 8.5,16.055565 C4.32158851,16.055565 0.944444444,12.6784206 0.944444444,8.49999056 C0.944444444,4.32158889 4.32158851,0.944444444 8.5,0.944444444 Z"
+
+
 
 
 OpinionViews = ReactiveComponent

              display: 'flex'

            OpinionFilters()

            OpinionWeights()


OpinionFilters = ReactiveComponent
  displayName: 'OpinionFilters'
  render: -> 
    custom_filters = customization 'opinion_views'
    user_tags = customization 'user_tags'

    opinion_views = fetch 'opinion_views'
    opinion_views_ui = fetch 'opinion_views_ui'


      if opinion_views_ui.active == 'More views'
        needs_expansion = @props.additional_width && @props.style?.width
        width = 0
        if needs_expansion 
          if has_other_filters 
            width = @props.style.width + @props.additional_width 
          else 
            width = Math.min(660, @props.style.width + @props.additional_width)

        DIV 
          style: 
            width: if width then width
            maxWidth: if !has_other_filters then 660
            position: 'relative'
            right: if needs_expansion then width - @props.style.width 
            border: '1px solid #B6B6B6'
            borderRadius: 8
            marginTop: 18
