Fix image preview for PCRT

aperisolve/static/css/aperisolve.css

@@ -224,6 +224,7 @@ pre {
     background-color: var(--dark-bg-hover);
     box-shadow: 0 0 10px var(--theme-green);
 }
+
 #upload-form {
     transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease;
     overflow: hidden;
@@ -276,6 +277,15 @@ td {
     min-width: 150px;
 }
 
+.a-pcrt .results_img {
+    width: 100%;
+    margin: auto;
+    text-align: center;
+}
+#result .a-pcrt .results_img img{
+    width: 75%;
+}
+
 /* ======== Modal ======== */
 #image-modal-container {
     position: fixed;
@@ -444,7 +454,9 @@ footer a i {
 #httperror {
     padding-top: 100px;
 }
-#httperror h1, #httperror h2{
+
+#httperror h1,
+#httperror h2 {
     text-align: center;
 }
 
@@ -489,7 +501,8 @@ footer a i {
         font-size: 0.9rem;
     }
 
-    th, td {
+    th,
+    td {
         padding: 0.5rem;
     }
 }
@@ -523,7 +536,11 @@ footer a i {
         width: 50px;
     }
 
-    .card, .form-control, .table, .border, .card-hack {
+    .card,
+    .form-control,
+    .table,
+    .border,
+    .card-hack {
         border-radius: 0.35rem;
     }
 
@@ -549,7 +566,8 @@ footer a i {
         padding: 5px;
     }
 
-    textarea.form-control, pre {
+    textarea.form-control,
+    pre {
         padding: 15px;
         font-size: 0.85rem;
     }
@@ -573,7 +591,8 @@ footer a i {
         min-width: 400px;
     }
 
-    th, td {
+    th,
+    td {
         padding: 0.4rem;
         word-break: break-word;
     }
@@ -652,7 +671,9 @@ footer a i {
         font-size: 0.85rem;
     }
 
-    .btn, .btn-primary, .btn-hack {
+    .btn,
+    .btn-primary,
+    .btn-hack {
         width: 100%;
         padding: 12px;
         font-size: 1rem;
@@ -672,7 +693,8 @@ footer a i {
         padding: 5px;
     }
 
-    textarea.form-control, pre {
+    textarea.form-control,
+    pre {
         padding: 10px;
         font-size: 0.8rem;
     }
@@ -689,7 +711,8 @@ footer a i {
         font-size: 0.75rem;
     }
 
-    th, td {
+    th,
+    td {
         padding: 0.3rem;
     }
 
@@ -757,7 +780,9 @@ footer a i {
         width: 35px;
     }
 
-    .btn, .btn-primary, .btn-hack {
+    .btn,
+    .btn-primary,
+    .btn-hack {
         padding: 10px;
         font-size: 0.9rem;
     }
@@ -779,15 +804,21 @@ footer a i {
         opacity: 0.7;
     }
 
-    .btn, .btn-primary, .btn-hack {
+    .btn,
+    .btn-primary,
+    .btn-hack {
         min-height: 44px;
     }
 
-    input, textarea, select {
+    input,
-        font-size: 16px; /* Prevents zoom on iOS */
+    textarea,
+    select {
+        font-size: 16px;
+        /* Prevents zoom on iOS */
     }
 
-    a, button {
+    a,
+    button {
         min-height: 44px;
         min-width: 44px;
     }
@@ -817,18 +848,30 @@ footer a i {
         color: black;
     }
 
-    .card, .form-control, .table, .border, .card-hack {
+    .card,
+    .form-control,
+    .table,
+    .border,
+    .card-hack {
         background-color: white;
         border-color: #333 !important;
         box-shadow: none;
     }
 
-    h1, h2, h3, h4, h5, h6, strong, .highlight {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    strong,
+    .highlight {
         color: #333;
         text-shadow: none;
     }
 
-    a, .text-accent {
+    a,
+    .text-accent {
         color: #333;
     }
 }