refactor audio example

examples/ui/audio_player/css/example.css

@@ -1,3 +1,91 @@
+#artworkText {
+    padding-top: 1px;
+    text-align: center;
+}
+#findInput {
+    right: 4px;
+    top: 19px;
+    border-top-left-radius: 0;
+}
+#findInput > input {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+#findInput > .OxButton {
+    border-top-right-radius: 0;
+}
+#findLabel {
+    right: 20px;
+    top: 4px;
+    padding-top: 1px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    font-size: 9px;
+}
+#findSelect {
+    right: 4px;
+    top: 4px;
+    border-bottom-right-radius: 0;
+}
+#statusText {
+    padding-top: 3px;
+    font-size: 9px;
+    text-align: center;
+}
+#toolbar > * {
+    position: absolute;
+}
+#viewButtons > .OxButton:first-child {
+    border-top-left-radius: 0;
+}
+#viewButtons > .OxButton:last-child {
+    border-top-right-radius: 0;
+}
+#viewLabel {
+    right: 136px;
+    top: 4px;
+    padding: 1px 4px 0 4px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    font-size: 9px;
+}
+
+.item {
+    height: 32px;
+}
+.item > * {
+    position: relative;
+}
+.itemIcon {
+    left: 2px;
+    top: 2px;
+    width: 28px;
+    height: 28px;
+}
+.itemTitle {
+    left: 34px;
+    top: -28px;
+    height: 14px;
+    font-size: 13px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    cursor: default;
+}
+.itemInfo {
+    left: 34px;
+    top: -28px;
+    height: 10px;
+    font-size: 9px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    cursor: default;
+}
+
+.OxDialog > .OxContent {
+    padding: 24px;
+}
 .OxTableList .OxItem .OxCell > img.image {
     width: 14px;
     height: 14px;