General CSS improvements to the Fetch Metadata UI

Author: crocodilestick

README_images/cwa-310-metadata-ui.png

@@ -0,0 +1,7 @@
+/* Truncates a books description if if spans more than 8 lines */
+dd.meta_description {
+    display: -webkit-box;
+    -webkit-line-clamp: 15;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

root/app/calibre-web/cps/static/css/caliBlur.css

@@ -569,7 +569,7 @@ input.pill:not(:checked) + label .glyphicon {
 }
 
 .padded-bottom {
-  margin-bottom: 15px;
+  /* margin-bottom: 15px; */
 }
 .upload-format-input-text {
   display: initial;

root/app/calibre-web/cps/static/css/caliBlur_cwa.css

@@ -22,8 +22,8 @@
     {% if g.current_theme == 1 %}
       <link href="{{ url_for('static', filename='css/caliBlur.css') }}" rel="stylesheet" media="screen">
       <link href="{{ url_for('static', filename='css/caliBlur_override.css') }}" rel="stylesheet" media="screen">
-      <link href="{{ url_for('static', filename='css/caliBlur_cwa.css') }}" rel="stylesheet" media="screen">
     {% endif %}
+    <link href="{{ url_for('static', filename='css/cwa.css') }}" rel="stylesheet" media="screen">
     <script>
       let checkMessagesInterval = null; // Store interval ID
 

root/app/calibre-web/cps/static/css/cwa.css

@@ -18,9 +18,8 @@
   {% if g.current_theme == 1 %}
     <link href="{{ url_for('static', filename='css/caliBlur.css') }}" rel="stylesheet" media="screen">
     <link href="{{ url_for('static', filename='css/caliBlur_override.css') }}" rel="stylesheet" media="screen">
-    <link href="{{ url_for('static', filename='css/caliBlur_cwa.css') }}" rel="stylesheet" media="screen">
   {% endif %}
-  
+  <link href="{{ url_for('static', filename='css/cwa.css') }}" rel="stylesheet" media="screen">
 </head>
 
   <style>