add ui

ui/components/problem/rp.page.styl

@@ -0,0 +1,4 @@
+.problem__rp-tag
+  font-size: 0.8em
+  padding: rem(0 5px)
+  color: #AAA

ui/components/problem/tag.page.styl

@@ -0,0 +1,37 @@
+.problem__tags
+  margin: 0 !important
+  padding: 0 !important
+  list-style: none !important
+  font-size: 0
+
+.problem__tag
+  display: inline-block
+  vertical-align: top
+  height: rem($table-lh)
+  margin: rem(0 2px 2px 0) !important
+  padding: 0 !important
+
+.problem__tag-link
+  display: inline-block
+  padding: rem(0 7px)
+  overflow: hidden
+  text-overflow: ellipsis
+  white-space: nowrap
+  max-width: rem(130px)
+  line-height: rem($table-lh)
+  height: rem($table-lh)
+  background: #F0F0F0
+  color: $text-1-color !important
+  font-size: rem($font-size-small)
+
+  &:hover
+    background: $primary-color
+    color: #FFF !important
+    text-decoration: none
+
+.col--problem-name
+  .problem__tags
+    float: right
+
+  .problem__tag
+    margin: rem(0 2px 0 0) !important