Add the premium flag (and put it in line with its checkbox)

src/Nri/Ui/PremiumCheckbox/V1.elm

@@ -58,7 +58,12 @@ premium assets config =
             else
                 Checkbox.Square Checkbox.Default
     in
-    Html.span []
+    Html.div
+        [ css
+            [ displayFlex
+            , alignItems center
+            ]
+        ]
         [ Checkbox.viewWithLabel assets
             { identifier = config.id
             , label = config.label
@@ -86,7 +91,7 @@ premium assets config =
                     , marginLeft (px 8)
                     , backgroundImage assets.iconPremiumFlag_svg
                     , backgroundRepeat noRepeat
-                    , backgroundPosition Css.center
+                    , backgroundPosition center
                     ]
                 ]
                 []

styleguide-app/Assets.elm

@@ -121,7 +121,7 @@ assets =
     , iconCalendar_svg = Asset "assets/images/icon-calendar.svg"
     , iconCheck_png = Asset "assets/images/icon-check.png"
     , iconFlag_png = Asset "assets/images/icon-flag.png"
-    , iconPremiumFlag_svg = Asset "TODO: add asset path"
+    , iconPremiumFlag_svg = Asset "assets/images/icon_premium_flag.svg"
     , icons_arrowDownBlue_svg = Asset "assets/images/arrow-down-blue.svg"
     , icons_arrowRightBlue_svg = Asset "assets/images/arrow-right-blue.svg"
     , icons_clockRed_svg = Asset "assets/images/clock-red.svg"

styleguide-app/assets/images/icon_premium_flag.svg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3bcb4a83ca4e7c4739748a81d5f56fbedf9d9925fe1db8e9fe2e4312c3fa21d2
+size 1069