Minor UI tweaks to Verify & Commit 🎨 (#2626)

* Minor UI tweaks to Verify & Commit 🎨

Signed-off-by: Sayan Mondal <sayan@chaosnative.com>
This commit is contained in:
Sayan Mondal 2021-04-01 14:30:34 +05:30 committed by GitHub
parent 8d3d0ea280
commit c5ae5e0d31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 48 additions and 30 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -0,0 +1,15 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M31.9663 55.9998C31.5397 55.9998 31.113 55.8365 30.7863 55.5132L16.9197 41.6465C16.293 41.0199 16.2663 40.0165 16.853 39.3565L32.9197 21.3598C33.0197 21.2165 33.153 21.0765 33.303 20.9565C44.7263 7.85652 62.3063 -0.363482 78.3697 -0.000148445C79.263 0.0198516 79.9797 0.739852 79.9997 1.62985C80.2297 12.4999 76.5597 24.1832 69.653 34.5265C69.1397 35.2932 68.0997 35.4932 67.343 34.9865C66.5797 34.4765 66.3697 33.4399 66.8797 32.6732C72.9697 23.5532 76.4897 12.9532 76.6697 3.32652C62.2063 3.57985 45.9363 11.4565 35.693 23.2899C35.623 23.3732 35.543 23.4465 35.4597 23.5132L20.393 40.4032L33.143 53.1532C33.793 53.8032 33.793 54.8599 33.143 55.5098C32.8197 55.8365 32.393 55.9998 31.9663 55.9998Z" fill="#109B67"/>
<path d="M21.8034 38.039C21.7234 38.039 21.6434 38.0356 21.5634 38.0223L5.60671 35.7356C4.98004 35.6456 4.46338 35.2123 4.26338 34.6123C4.06338 34.0123 4.22004 33.3523 4.66671 32.9056C12.7 24.8723 23.23 20.5156 34.4367 20.5156C35.3567 20.5156 36.1034 21.2623 36.1034 22.1823C36.1034 23.1023 35.3567 23.849 34.4367 23.849C25.22 23.849 16.5 27.0523 9.54671 32.9323L22.04 34.7223C22.95 34.8556 23.5834 35.6956 23.4534 36.609C23.33 37.439 22.6167 38.039 21.8034 38.039Z" fill="#109B67"/>
<path d="M57.1101 31.2246C54.8835 31.2246 52.7901 30.358 51.2168 28.7846C47.9668 25.5346 47.9668 20.248 51.2168 16.998C54.3601 13.8513 59.8501 13.848 63.0001 16.998C66.2501 20.248 66.2501 25.5346 63.0001 28.7846C61.4268 30.358 59.3335 31.2246 57.1101 31.2246ZM57.1101 17.8946C55.7735 17.8946 54.5201 18.4146 53.5735 19.358C51.6235 21.308 51.6235 24.4813 53.5735 26.4313C55.4568 28.318 58.7535 28.3213 60.6435 26.4313C62.5935 24.4813 62.5935 21.308 60.6435 19.358C59.7001 18.4113 58.4435 17.8946 57.1101 17.8946ZM61.8235 27.608H61.8568H61.8235Z" fill="#109B67"/>
<path d="M1.66738 79.999C1.23072 79.999 0.804051 79.829 0.487385 79.5124C0.0540516 79.079 -0.105948 78.4424 0.0707182 77.8557C0.614052 76.0324 5.51072 59.919 9.07738 56.3523C13.0941 52.3357 19.6307 52.3357 23.6474 56.3523C27.664 60.369 27.664 66.9057 23.6474 70.9224C20.0807 74.489 3.97072 79.3857 2.14405 79.9324C1.99072 79.9757 1.82738 79.999 1.66738 79.999ZM16.364 56.669C14.5807 56.669 12.7941 57.349 11.4341 58.7057C9.51072 60.6323 6.31072 69.2357 4.20072 75.7957C10.7607 73.6824 19.3674 70.4824 21.2907 68.559C24.0074 65.8424 24.0074 61.419 21.2907 58.7023C19.934 57.349 18.1474 56.669 16.364 56.669Z" fill="#109B67"/>
<path d="M58.3337 80.0013C46.387 80.0013 36.667 70.2813 36.667 58.3346C36.667 46.388 46.387 36.668 58.3337 36.668C70.2803 36.668 80.0003 46.388 80.0003 58.3346C80.0003 70.2813 70.2803 80.0013 58.3337 80.0013ZM58.3337 40.0013C48.227 40.0013 40.0003 48.2246 40.0003 58.3346C40.0003 68.4446 48.227 76.668 58.3337 76.668C68.4403 76.668 76.667 68.4446 76.667 58.3346C76.667 48.2246 68.4403 40.0013 58.3337 40.0013Z" fill="#109B67"/>
<path d="M55.0002 66.6673C54.5568 66.6673 54.1335 66.4907 53.8202 66.1807L47.1535 59.514C46.5035 58.864 46.5035 57.8073 47.1535 57.1573C47.8035 56.5073 48.8602 56.5073 49.5102 57.1573L54.9169 62.564L65.4102 50.5707C66.0168 49.874 67.0702 49.8073 67.7602 50.414C68.4535 51.0207 68.5235 52.074 67.9168 52.7673L56.2502 66.1007C55.9468 66.4473 55.5135 66.654 55.0535 66.6673C55.0369 66.6673 55.0202 66.6673 55.0002 66.6673Z" fill="#109B67"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="80" height="80" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -1,12 +0,0 @@
<svg width="112" height="112" viewBox="0 0 112 112" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.5 54.4688H24.5C22.6879 54.4688 21.2188 55.9379 21.2188 57.75C21.2188 59.5621 22.6879 61.0312 24.5 61.0312H31.5C33.3121 61.0312 34.7812 59.5621 34.7812 57.75C34.7812 55.9379 33.3121 54.4688 31.5 54.4688Z" fill="#CED1F1"/>
<path d="M31.5 68.4688H24.5C22.6879 68.4688 21.2188 69.9379 21.2188 71.75C21.2188 73.5621 22.6879 75.0312 24.5 75.0312H31.5C33.3121 75.0312 34.7812 73.5621 34.7812 71.75C34.7812 69.9379 33.3121 68.4688 31.5 68.4688Z" fill="#CED1F1"/>
<path d="M31.5 82.4688H24.5C22.6879 82.4688 21.2188 83.9379 21.2188 85.75C21.2188 87.5621 22.6879 89.0312 24.5 89.0312H31.5C33.3121 89.0312 34.7812 87.5621 34.7812 85.75C34.7812 83.9379 33.3121 82.4688 31.5 82.4688Z" fill="#CED1F1"/>
<path d="M59.5 54.4688H52.5C50.6879 54.4688 49.2188 55.9379 49.2188 57.75C49.2188 59.5621 50.6879 61.0312 52.5 61.0312H59.5C61.3121 61.0312 62.7812 59.5621 62.7812 57.75C62.7812 55.9379 61.3121 54.4688 59.5 54.4688Z" fill="#CED1F1"/>
<path d="M59.5 68.4688H52.5C50.6879 68.4688 49.2188 69.9379 49.2188 71.75C49.2188 73.5621 50.6879 75.0312 52.5 75.0312H59.5C61.3121 75.0312 62.7812 73.5621 62.7812 71.75C62.7812 69.9379 61.3121 68.4688 59.5 68.4688Z" fill="#CED1F1"/>
<path d="M59.5 82.4688H52.5C50.6879 82.4688 49.2188 83.9379 49.2188 85.75C49.2188 87.5621 50.6879 89.0312 52.5 89.0312H59.5C61.3121 89.0312 62.7812 87.5621 62.7812 85.75C62.7812 83.9379 61.3121 82.4688 59.5 82.4688Z" fill="#CED1F1"/>
<path d="M87.5 54.4688H80.5C78.6879 54.4688 77.2188 55.9379 77.2188 57.75C77.2188 59.5621 78.6879 61.0312 80.5 61.0312H87.5C89.3121 61.0312 90.7812 59.5621 90.7812 57.75C90.7812 55.9379 89.3121 54.4688 87.5 54.4688Z" fill="#CED1F1"/>
<path d="M87.5 68.4688H80.5C78.6879 68.4688 77.2188 69.9379 77.2188 71.75C77.2188 73.5621 78.6879 75.0312 80.5 75.0312H87.5C89.3121 75.0312 90.7812 73.5621 90.7812 71.75C90.7812 69.9379 89.3121 68.4688 87.5 68.4688Z" fill="#CED1F1"/>
<path d="M87.5 82.4688H80.5C78.6879 82.4688 77.2188 83.9379 77.2188 85.75C77.2188 87.5621 78.6879 89.0312 80.5 89.0312H87.5C89.3121 89.0312 90.7812 87.5621 90.7812 85.75C90.7812 83.9379 89.3121 82.4688 87.5 82.4688Z" fill="#CED1F1"/>
<path d="M102.156 14.2188H94.2812V8.75C94.2812 6.93787 92.8121 5.46875 91 5.46875C89.1879 5.46875 87.7188 6.93787 87.7188 8.75V14.2188H59.2812V8.75C59.2812 6.93787 57.8121 5.46875 56 5.46875C54.1879 5.46875 52.7188 6.93787 52.7188 8.75V14.2188H24.2812V8.75C24.2812 6.93787 22.8121 5.46875 21 5.46875C19.1879 5.46875 17.7188 6.93787 17.7188 8.75V14.2188H9.84375C4.41591 14.2188 0 18.6347 0 24.0625V96.6875C0 102.115 4.41591 106.531 9.84375 106.531H102.156C107.584 106.531 112 102.115 112 96.6875C112 94.5696 112 25.9055 112 24.0625C112 18.6347 107.584 14.2188 102.156 14.2188ZM6.5625 24.0625C6.5625 22.2532 8.03447 20.7812 9.84375 20.7812H17.7188V26.25C17.7188 28.0621 19.1879 29.5312 21 29.5312C22.8121 29.5312 24.2812 28.0621 24.2812 26.25V20.7812H52.7188V26.25C52.7188 28.0621 54.1879 29.5312 56 29.5312C57.8121 29.5312 59.2812 28.0621 59.2812 26.25V20.7812H87.7188V26.25C87.7188 28.0621 89.1879 29.5312 91 29.5312C92.8121 29.5312 94.2812 28.0621 94.2812 26.25V20.7812H102.156C103.966 20.7812 105.438 22.2532 105.438 24.0625V36.9688H6.5625V24.0625ZM102.156 99.9688H9.84375C8.03447 99.9688 6.5625 98.4968 6.5625 96.6875V43.5312H105.438V96.6875C105.438 98.4968 103.966 99.9688 102.156 99.9688Z" fill="#CED1F1"/>
</svg>

Before

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -1,12 +1,12 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.625 9.72656H4.375C4.05141 9.72656 3.78906 9.98891 3.78906 10.3125C3.78906 10.6361 4.05141 10.8984 4.375 10.8984H5.625C5.94859 10.8984 6.21094 10.6361 6.21094 10.3125C6.21094 9.98891 5.94859 9.72656 5.625 9.72656Z" fill="#5B44BA"/>
<path d="M5.625 12.2266H4.375C4.05141 12.2266 3.78906 12.4889 3.78906 12.8125C3.78906 13.1361 4.05141 13.3984 4.375 13.3984H5.625C5.94859 13.3984 6.21094 13.1361 6.21094 12.8125C6.21094 12.4889 5.94859 12.2266 5.625 12.2266Z" fill="#5B44BA"/>
<path d="M5.625 14.7266H4.375C4.05141 14.7266 3.78906 14.9889 3.78906 15.3125C3.78906 15.6361 4.05141 15.8984 4.375 15.8984H5.625C5.94859 15.8984 6.21094 15.6361 6.21094 15.3125C6.21094 14.9889 5.94859 14.7266 5.625 14.7266Z" fill="#5B44BA"/>
<path d="M10.625 9.72656H9.375C9.05141 9.72656 8.78906 9.98891 8.78906 10.3125C8.78906 10.6361 9.05141 10.8984 9.375 10.8984H10.625C10.9486 10.8984 11.2109 10.6361 11.2109 10.3125C11.2109 9.98891 10.9486 9.72656 10.625 9.72656Z" fill="#5B44BA"/>
<path d="M10.625 12.2266H9.375C9.05141 12.2266 8.78906 12.4889 8.78906 12.8125C8.78906 13.1361 9.05141 13.3984 9.375 13.3984H10.625C10.9486 13.3984 11.2109 13.1361 11.2109 12.8125C11.2109 12.4889 10.9486 12.2266 10.625 12.2266Z" fill="#5B44BA"/>
<path d="M10.625 14.7266H9.375C9.05141 14.7266 8.78906 14.9889 8.78906 15.3125C8.78906 15.6361 9.05141 15.8984 9.375 15.8984H10.625C10.9486 15.8984 11.2109 15.6361 11.2109 15.3125C11.2109 14.9889 10.9486 14.7266 10.625 14.7266Z" fill="#5B44BA"/>
<path d="M15.625 9.72656H14.375C14.0514 9.72656 13.7891 9.98891 13.7891 10.3125C13.7891 10.6361 14.0514 10.8984 14.375 10.8984H15.625C15.9486 10.8984 16.2109 10.6361 16.2109 10.3125C16.2109 9.98891 15.9486 9.72656 15.625 9.72656Z" fill="#5B44BA"/>
<path d="M15.625 12.2266H14.375C14.0514 12.2266 13.7891 12.4889 13.7891 12.8125C13.7891 13.1361 14.0514 13.3984 14.375 13.3984H15.625C15.9486 13.3984 16.2109 13.1361 16.2109 12.8125C16.2109 12.4889 15.9486 12.2266 15.625 12.2266Z" fill="#5B44BA"/>
<path d="M15.625 14.7266H14.375C14.0514 14.7266 13.7891 14.9889 13.7891 15.3125C13.7891 15.6361 14.0514 15.8984 14.375 15.8984H15.625C15.9486 15.8984 16.2109 15.6361 16.2109 15.3125C16.2109 14.9889 15.9486 14.7266 15.625 14.7266Z" fill="#5B44BA"/>
<path d="M18.2422 2.53906H16.8359V1.5625C16.8359 1.23891 16.5736 0.976562 16.25 0.976562C15.9264 0.976562 15.6641 1.23891 15.6641 1.5625V2.53906H10.5859V1.5625C10.5859 1.23891 10.3236 0.976562 10 0.976562C9.67641 0.976562 9.41406 1.23891 9.41406 1.5625V2.53906H4.33594V1.5625C4.33594 1.23891 4.07359 0.976562 3.75 0.976562C3.42641 0.976562 3.16406 1.23891 3.16406 1.5625V2.53906H1.75781C0.788555 2.53906 0 3.32762 0 4.29688V17.2656C0 18.2349 0.788555 19.0234 1.75781 19.0234H18.2422C19.2114 19.0234 20 18.2349 20 17.2656C20 16.8874 20 4.62598 20 4.29688C20 3.32762 19.2114 2.53906 18.2422 2.53906ZM1.17188 4.29688C1.17188 3.97379 1.43473 3.71094 1.75781 3.71094H3.16406V4.6875C3.16406 5.01109 3.42641 5.27344 3.75 5.27344C4.07359 5.27344 4.33594 5.01109 4.33594 4.6875V3.71094H9.41406V4.6875C9.41406 5.01109 9.67641 5.27344 10 5.27344C10.3236 5.27344 10.5859 5.01109 10.5859 4.6875V3.71094H15.6641V4.6875C15.6641 5.01109 15.9264 5.27344 16.25 5.27344C16.5736 5.27344 16.8359 5.01109 16.8359 4.6875V3.71094H18.2422C18.5653 3.71094 18.8281 3.97379 18.8281 4.29688V6.60156H1.17188V4.29688ZM18.2422 17.8516H1.75781C1.43473 17.8516 1.17188 17.5887 1.17188 17.2656V7.77344H18.8281V17.2656C18.8281 17.5887 18.5653 17.8516 18.2422 17.8516Z" fill="#5B44BA"/>
<svg width="80" height="74" viewBox="0 0 80 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 35.9062H17.5C16.2056 35.9062 15.1562 36.9556 15.1562 38.25C15.1562 39.5444 16.2056 40.5938 17.5 40.5938H22.5C23.7944 40.5938 24.8438 39.5444 24.8438 38.25C24.8438 36.9556 23.7944 35.9062 22.5 35.9062Z" fill="#5B44BA"/>
<path d="M22.5 45.9062H17.5C16.2056 45.9062 15.1562 46.9556 15.1562 48.25C15.1562 49.5444 16.2056 50.5938 17.5 50.5938H22.5C23.7944 50.5938 24.8438 49.5444 24.8438 48.25C24.8438 46.9556 23.7944 45.9062 22.5 45.9062Z" fill="#5B44BA"/>
<path d="M22.5 55.9062H17.5C16.2056 55.9062 15.1562 56.9556 15.1562 58.25C15.1562 59.5444 16.2056 60.5938 17.5 60.5938H22.5C23.7944 60.5938 24.8438 59.5444 24.8438 58.25C24.8438 56.9556 23.7944 55.9062 22.5 55.9062Z" fill="#5B44BA"/>
<path d="M42.5 35.9062H37.5C36.2056 35.9062 35.1562 36.9556 35.1562 38.25C35.1562 39.5444 36.2056 40.5938 37.5 40.5938H42.5C43.7944 40.5938 44.8438 39.5444 44.8438 38.25C44.8438 36.9556 43.7944 35.9062 42.5 35.9062Z" fill="#5B44BA"/>
<path d="M42.5 45.9062H37.5C36.2056 45.9062 35.1562 46.9556 35.1562 48.25C35.1562 49.5444 36.2056 50.5938 37.5 50.5938H42.5C43.7944 50.5938 44.8438 49.5444 44.8438 48.25C44.8438 46.9556 43.7944 45.9062 42.5 45.9062Z" fill="#5B44BA"/>
<path d="M42.5 55.9062H37.5C36.2056 55.9062 35.1562 56.9556 35.1562 58.25C35.1562 59.5444 36.2056 60.5938 37.5 60.5938H42.5C43.7944 60.5938 44.8438 59.5444 44.8438 58.25C44.8438 56.9556 43.7944 55.9062 42.5 55.9062Z" fill="#5B44BA"/>
<path d="M62.5 35.9062H57.5C56.2056 35.9062 55.1562 36.9556 55.1562 38.25C55.1562 39.5444 56.2056 40.5938 57.5 40.5938H62.5C63.7944 40.5938 64.8438 39.5444 64.8438 38.25C64.8438 36.9556 63.7944 35.9062 62.5 35.9062Z" fill="#5B44BA"/>
<path d="M62.5 45.9062H57.5C56.2056 45.9062 55.1562 46.9556 55.1562 48.25C55.1562 49.5444 56.2056 50.5938 57.5 50.5938H62.5C63.7944 50.5938 64.8438 49.5444 64.8438 48.25C64.8438 46.9556 63.7944 45.9062 62.5 45.9062Z" fill="#5B44BA"/>
<path d="M62.5 55.9062H57.5C56.2056 55.9062 55.1562 56.9556 55.1562 58.25C55.1562 59.5444 56.2056 60.5938 57.5 60.5938H62.5C63.7944 60.5938 64.8438 59.5444 64.8438 58.25C64.8438 56.9556 63.7944 55.9062 62.5 55.9062Z" fill="#5B44BA"/>
<path d="M72.9688 7.15625H67.3438V3.25C67.3438 1.95562 66.2944 0.90625 65 0.90625C63.7056 0.90625 62.6562 1.95562 62.6562 3.25V7.15625H42.3438V3.25C42.3438 1.95562 41.2944 0.90625 40 0.90625C38.7056 0.90625 37.6562 1.95562 37.6562 3.25V7.15625H17.3438V3.25C17.3438 1.95562 16.2944 0.90625 15 0.90625C13.7056 0.90625 12.6562 1.95562 12.6562 3.25V7.15625H7.03125C3.15422 7.15625 0 10.3105 0 14.1875V66.0625C0 69.9395 3.15422 73.0938 7.03125 73.0938H72.9688C76.8458 73.0938 80 69.9395 80 66.0625C80 64.5497 80 15.5039 80 14.1875C80 10.3105 76.8458 7.15625 72.9688 7.15625ZM4.6875 14.1875C4.6875 12.8952 5.73891 11.8438 7.03125 11.8438H12.6562V15.75C12.6562 17.0444 13.7056 18.0938 15 18.0938C16.2944 18.0938 17.3438 17.0444 17.3438 15.75V11.8438H37.6562V15.75C37.6562 17.0444 38.7056 18.0938 40 18.0938C41.2944 18.0938 42.3438 17.0444 42.3438 15.75V11.8438H62.6562V15.75C62.6562 17.0444 63.7056 18.0938 65 18.0938C66.2944 18.0938 67.3438 17.0444 67.3438 15.75V11.8438H72.9688C74.2611 11.8438 75.3125 12.8952 75.3125 14.1875V23.4062H4.6875V14.1875ZM72.9688 68.4062H7.03125C5.73891 68.4062 4.6875 67.3548 4.6875 66.0625V28.0938H75.3125V66.0625C75.3125 67.3548 74.2611 68.4062 72.9688 68.4062Z" fill="#5B44BA"/>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -730,7 +730,8 @@ createWorkflow:
info: Before committing the workflow changes to your, verify and if needed go back to a corresponding section of the wizard to modify.
error: Invalid Workflow CRD found ! Please correct the errors.
errYaml: Error in CRD Yaml.
codeIsFine: Your code is fine. You can move on !
codeIsFine: Your code is fine.
youCanMoveOn: You can move on !
button:
edit: Edit
viewYaml: View YAML

View File

@ -332,7 +332,7 @@ const ScheduleWorkflow = forwardRef((_, ref) => {
</div>
</div>
<img
src="/icons/calendar.svg"
src="/icons/calendarWorkflowIcon.svg"
alt="calendar"
className={classes.calIcon}
/>

View File

@ -272,7 +272,7 @@ const VerifyCommit = forwardRef((_, ref) => {
</Typography>
</div>
<img
src="/icons/b-finance.png"
src="/icons/b-finance.svg"
alt="bfinance"
className={classes.bfinIcon}
/>
@ -325,6 +325,7 @@ const VerifyCommit = forwardRef((_, ref) => {
value={workflow.description}
id="desc"
fullWidth
multiline
onChange={(e) =>
handleDescChange({ changedDesc: e.target.value })
}
@ -414,7 +415,10 @@ const VerifyCommit = forwardRef((_, ref) => {
{t('createWorkflow.verifyCommit.errYaml')}{' '}
</Typography>
) : (
<Typography>{yamlStatus}</Typography>
<Typography>
<b>{yamlStatus}</b>{' '}
{t('createWorkflow.verifyCommit.youCanMoveOn')}
</Typography>
)}
<br />
<ButtonFilled style={{ width: '60%' }} onClick={handleOpen}>

View File

@ -51,18 +51,25 @@ const useStyles = makeStyles((theme: Theme) => ({
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'baseline',
margin: theme.spacing(1, 0),
},
innerSumDiv: {
alignContent: 'center',
display: 'table-cell',
verticalAlign: 'middle',
width: '20%',
[theme.breakpoints.up('lg')]: {
width: '10%',
},
},
sumText: {
width: '100%',
marginTop: theme.spacing(4.5),
marginBottom: theme.spacing(3),
fontSize: '1.5rem',
fontSize: '1.2rem',
[theme.breakpoints.up('lg')]: {
fontSize: '1.4rem',
},
},
col1: {
alignContent: 'center',
@ -72,7 +79,7 @@ const useStyles = makeStyles((theme: Theme) => ({
verticalAlign: 'middle',
},
schedule: {
fontSize: '1rem',
fontSize: '0.85rem',
paddingLeft: theme.spacing(2),
paddingTop: theme.spacing(0.75),
},
@ -87,7 +94,7 @@ const useStyles = makeStyles((theme: Theme) => ({
flexDirection: 'row',
},
clusterName: {
fontSize: '1rem',
fontSize: '0.85rem',
marginLeft: theme.spacing(7),
paddingTop: theme.spacing(0.5),
},
@ -107,6 +114,9 @@ const useStyles = makeStyles((theme: Theme) => ({
justifyContent: 'space-between',
marginLeft: theme.spacing(2),
width: '80%',
[theme.breakpoints.up('lg')]: {
width: '90%',
},
},
config: {
height: '3rem',