@@ -112,6 +112,7 @@ main =
112112 , Font.typeface "Segoe UI Emoji"
113113 , Font.typeface "Segoe UI Symbol"
114114 ]
115+ , clipX
115116 ]
116117 ]
117118 }
@@ -159,8 +160,8 @@ view model =
159160 ]
160161
161162 Just _ ->
162− column [ width fill, spacing 16 ]
163− [ row [ spacing 16, width fill ]
163+ column [ width (minimum 0 fill), spacing 16 ]
164+ [ row [ spacing 16, width (minimum 0 fill) ]
164165 [ searchView model |> el [ padding 8 ]
165166 , model.engines
166167 |> List.filter (\( _, state ) -> state /= Failed)
@@ -205,7 +206,7 @@ view model =
205206 , padding 16
206207 ]
207208 ]
208− , Keyed.column [ width fill, padding 8 ]
209+ , Keyed.column [ width (minimum 0 fill), padding 8 ]
209210 (model.searchResults
210211 |> List.filter
211212 (\{ engines } ->
@@ -220,7 +221,7 @@ view model =
220221 ( link
221222 , column
222223 [ spacing 4
223− , width fill
224+ , width (minimum 0 fill)
224225 , pointer
225226 , alpha
226227 (Animator.move
@@ -250,17 +251,14 @@ view model =
250251 |> htmlAttribute
251252 , Html.Attributes.style "position" "absolute" |> htmlAttribute
252253 ]
253− [ [ text title ]
254− |> paragraph
254+ [ text title
255+ |> el
255256 [ Font.size 16
256257 , width fill
257− , Html.Attributes.style "text-overflow" "ellipsis" |> htmlAttribute
258258 ]
259− , [ text link ]
260− |> paragraph
259+ , text link
260+ |> el
261261 [ Font.size 12
262− , Html.Attributes.style "text-overflow" "ellipsis" |> htmlAttribute
263− , width fill
264262 , Font.color (rgb 0.7 0.7 0.7)
265263 ]
266264 ]