comparisons finetuning

Author: tobihagemann

assets/css/custom.css

@@ -188,7 +188,7 @@ textarea:read-only {
 }
 
 .tooltip {
-  @apply absolute hidden z-50;
+  @apply absolute hidden text-left z-50;
 }
 
 .tooltip-center {

content/comparisons/axcrypt-alternative.de.md

@@ -25,7 +25,7 @@ comparison:
         <i class="relative fas fa-minus-circle text-xl lg:text-2xl text-gray-600">
           <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fas fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
         </i>
-        <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Nicht anwendbar wegen fehlender Dateinamen-Verschlüsselung.</div>
+        <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Nicht anwendbar ohne Dateinamen-Verschlüsselung.</div>
       </div>
     crossPlatformSupport: |
       <div class="has-tooltip">

content/comparisons/axcrypt-alternative.en.md

@@ -25,7 +25,7 @@ comparison:
         <i class="relative fas fa-minus-circle text-xl lg:text-2xl text-gray-600">
           <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fas fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
         </i>
-        <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Not applicable due to lack of file name encryption.</div>
+        <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Not applicable without file name encryption.</div>
       </div>
     crossPlatformSupport: |
       <div class="has-tooltip">

content/comparisons/veracrypt-alternative.de.md

@@ -13,7 +13,12 @@ comparison:
     cloudStorageOptimized: |
       <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
     cloudProviderAgnostic: |
-      <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
+      <div class="has-tooltip">
+        <i class="relative fas fa-check-circle text-xl lg:text-2xl text-primary">
+          <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fas fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
+        </i>
+        <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Technisch kompatibel, aber ohne Cloudspeicher-Optimierung nicht sinnvoll.</div>
+      </div>
     unlimitedDevices: |
       <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
     integratedSharing: |

content/comparisons/veracrypt-alternative.en.md

@@ -13,7 +13,12 @@ comparison:
     cloudStorageOptimized: |
       <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
     cloudProviderAgnostic: |
-      <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
+      <div class="has-tooltip">
+        <i class="relative fas fa-check-circle text-xl lg:text-2xl text-primary">
+          <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fas fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
+        </i>
+        <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Technically compatible, but it is not useful without cloud storage optimization.</div>
+      </div>
     unlimitedDevices: |
       <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
     integratedSharing: |