diff --git a/static/style/video-card.css b/static/style/video-card.css new file mode 100644 index 0000000..a7fa801 --- /dev/null +++ b/static/style/video-card.css @@ -0,0 +1,35 @@ +.video-card { + border: 1px solid #ddd; + border-radius: 8px; + padding: 15px; + background-color: #f9f9f9; +} + +.video-title { + font-size: 18px; + font-weight: bold; + margin-bottom: 10px; +} + +.video-info { + font-size: 14px; + margin-bottom: 5px; +} + +.video-options { + margin-top: 10px; +} + +.video-options button { + background-color: #4CAF50; + border: none; + color: white; + padding: 5px 10px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 14px; + margin-right: 5px; + cursor: pointer; + border-radius: 4px; +} \ No newline at end of file diff --git a/static/style/videos.css b/static/style/videos.css index 75932ce..642b067 100644 --- a/static/style/videos.css +++ b/static/style/videos.css @@ -5,42 +5,6 @@ gap: 20px; } -.video-card { - border: 1px solid #ddd; - border-radius: 8px; - padding: 15px; - background-color: #f9f9f9; -} - -.video-title { - font-size: 18px; - font-weight: bold; - margin-bottom: 10px; -} - -.video-info { - font-size: 14px; - margin-bottom: 5px; -} - -.video-options { - margin-top: 10px; -} - -.video-options button { - background-color: #4CAF50; - border: none; - color: white; - padding: 5px 10px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 14px; - margin-right: 5px; - cursor: pointer; - border-radius: 4px; -} - /* narrower than 600px */ @media (max-width: 600px) { .video-list { diff --git a/templates/videos.html b/templates/videos.html index c99911f..bf39108 100644 --- a/templates/videos.html +++ b/templates/videos.html @@ -8,6 +8,7 @@