Merge pull request #109 from ISISComputingGroup/make_cards_bigger

Make cards bigger

Author: rerpha

app/components/InstrumentWallCard.tsx

@@ -13,7 +13,7 @@ export default function InstrumentWallCard({
       <Link
         href={"/instrument?name=" + instrument.name}
         target="_blank"
-        className={`flex items-center justify-center text-center p-3 min-w-28 w-auto max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+        className={`flex items-center justify-center text-center p-3 w-36 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       ${getStatusColour(instrument.runstate || "UNKNOWN")} ${getForegroundColour(
         instrument.runstate || "UNKNOWN",
       )}`}

app/components/__snapshots__/InstrumentWallCard.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`renders instrumentwallcard unchanged 1`] = `
     class="flex"
   >
     <a
-      class="flex items-center justify-center text-center p-3 min-w-28 w-auto max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+      class="flex items-center justify-center text-center p-3 w-36 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#90EE90] text-black"
       href="/instrument?name=Instrument"
       target="_blank"
@@ -36,7 +36,7 @@ exports[`renders instrumentwallcard unchanged when runstate is unknown 1`] = `
     class="flex"
   >
     <a
-      class="flex items-center justify-center text-center p-3 min-w-28 w-auto max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+      class="flex items-center justify-center text-center p-3 w-36 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#F08080] text-black"
       href="/instrument?name=Instrument1"
       target="_blank"

app/components/__snapshots__/ScienceGroup.test.tsx.snap

@@ -17,7 +17,7 @@ exports[`renders sciencegroup unchanged 1`] = `
         class="flex"
       >
         <a
-          class="flex items-center justify-center text-center p-3 min-w-28 w-auto max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+          class="flex items-center justify-center text-center p-3 w-36 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#90EE90] text-black"
           href="/instrument?name=Instrument"
           target="_blank"
@@ -42,7 +42,7 @@ exports[`renders sciencegroup unchanged 1`] = `
         class="flex"
       >
         <a
-          class="flex items-center justify-center text-center p-3 min-w-28 w-auto max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+          class="flex items-center justify-center text-center p-3 w-36 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#DAA520] text-black"
           href="/instrument?name=Instrument2"
           target="_blank"

app/components/__snapshots__/TargetStation.test.tsx.snap

@@ -17,7 +17,7 @@ exports[`renders targetstation unchanged 1`] = `
         class="flex"
       >
         <a
-          class="flex items-center justify-center text-center p-3 min-w-28 w-auto max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+          class="flex items-center justify-center text-center p-3 w-36 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-green-900 text-white"
           href="/instrument?name=Instrument"
           target="_blank"
@@ -42,7 +42,7 @@ exports[`renders targetstation unchanged 1`] = `
         class="flex"
       >
         <a
-          class="flex items-center justify-center text-center p-3 min-w-28 w-auto max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+          class="flex items-center justify-center text-center p-3 w-36 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#FFFF00] text-black"
           href="/instrument?name=Instrument2"
           target="_blank"