diff --git a/app/class_media_file.py b/app/class_media_file.py
index 69b651b..db9738a 100644
--- a/app/class_media_file.py
+++ b/app/class_media_file.py
@@ -1,3 +1,4 @@
+import logging
import os
import math
import time
@@ -7,7 +8,7 @@ class Media:
def __init__(self, path, streams_video, streams_audio, streams_subtitle, streams_format):
# misc
- self.id = int(f"{time.time()}{Media._id_counter}")
+ self.id = int(f"{int(time.time() * 1000)}{str(Media._id_counter).zfill(3)}")
# source
self.source_file: str = path
self.source_path: str = os.path.dirname(path)
diff --git a/client/index.html b/client/index.html
index 22c6fb9..88a9210 100755
--- a/client/index.html
+++ b/client/index.html
@@ -2,7 +2,8 @@
- Websocket Client
+
+ Webm VCC
diff --git a/client/index_style.css b/client/index_style.css
index 21d129f..f73ba8a 100755
--- a/client/index_style.css
+++ b/client/index_style.css
@@ -200,3 +200,39 @@ nav button:hover {
align-items: flex-start;
justify-content: space-between;
}
+
+@media (max-width: 768px) {
+ header h1 {
+ font-size: 1.4rem; /* vorher 1.75rem */
+ }
+
+ nav button {
+ padding: 0.4rem 0.8rem; /* etwas kleiner */
+ font-size: 0.85rem;
+ }
+
+ .video-card {
+ padding: 0.8rem;
+ }
+
+ .video-card h3 {
+ font-size: 1rem;
+ }
+
+ .video-card-values-items {
+ font-size: 0.65rem;
+ }
+
+ .conversion_url {
+ font-size: 0.6rem;
+ }
+
+ .popup-content {
+ width: 90%; /* vorher 90% */
+ font-size: 0.85rem;
+ }
+
+ .conversion_icons {
+ width: 40px;
+ }
+}