From fc105af0e5519164df8d1b3a897db7c0b917b7a2 Mon Sep 17 00:00:00 2001
From: NikolaiYurchenko <nickolai.yurchenko@gmail.com>
Date: Thu, 30 Jan 2020 17:30:58 +0200
Subject: [PATCH] web/satellite: user select text restricted

Change-Id: If3692d55e48255c95b7722c5a574060c84fdf502
---
 .../src/components/account/ProfileArea.vue          |  1 -
 .../account/billing/balance/AccountBalance.vue      |  1 -
 .../billing/billingHistory/DepositAndBilling.vue    |  1 -
 .../billing/billingHistory/SortingHeader.vue        |  1 -
 .../monthlySummary/MonthlyBillingSummary.vue        | 13 ++++++-------
 .../billing/paymentMethods/PaymentMethods.vue       |  1 -
 .../src/components/apiKeys/ApiKeysArea.vue          |  1 -
 .../src/components/apiKeys/ApiKeysCopyPopup.vue     |  1 -
 .../src/components/apiKeys/ApiKeysCreationPopup.vue |  1 -
 .../src/components/apiKeys/SortingHeader.vue        |  1 -
 web/satellite/src/components/buckets/BucketArea.vue |  1 -
 web/satellite/src/components/buckets/BucketItem.vue | 12 ++++--------
 .../src/components/buckets/SortingHeader.vue        |  1 -
 .../src/components/common/EmptyStateArea.vue        |  1 -
 .../src/components/common/HeaderedInput.vue         |  1 -
 web/satellite/src/components/common/PagesBlock.vue  |  1 -
 .../components/common/RegistrationSuccessPopup.vue  |  1 -
 web/satellite/src/components/common/VButton.vue     |  1 -
 web/satellite/src/components/common/VDatePicker.vue |  1 -
 web/satellite/src/components/header/headerArea.scss |  1 -
 .../projectSelection/ProjectSelectionArea.vue       |  1 -
 .../src/components/navigation/TabNavigation.vue     |  1 -
 .../src/components/navigation/navigationArea.scss   |  1 -
 .../src/components/project/ProjectDetails.vue       |  3 ---
 .../src/components/project/UsageReport.vue          |  4 ----
 web/satellite/src/components/team/AddUserPopup.vue  |  6 ------
 web/satellite/src/components/team/HeaderArea.vue    |  1 -
 .../src/components/team/SortingListHeader.vue       |  1 -
 web/satellite/src/views/register/registerArea.html  |  6 +++---
 web/satellite/src/views/register/registerArea.scss  |  4 ----
 web/storagenode/src/app/components/BarInfo.vue      |  1 -
 web/storagenode/src/app/components/ChecksArea.vue   |  1 -
 web/storagenode/src/app/components/PayoutArea.vue   |  1 -
 .../src/app/components/SNOContentTitle.vue          |  2 --
 web/storagenode/src/app/components/SNOFooter.vue    |  1 -
 web/storagenode/src/app/components/SNOHeader.vue    |  1 -
 .../src/app/components/SatelliteSelection.vue       |  1 -
 37 files changed, 13 insertions(+), 66 deletions(-)

diff --git a/web/satellite/src/components/account/ProfileArea.vue b/web/satellite/src/components/account/ProfileArea.vue
index 04227e862..9c6b98c0b 100644
--- a/web/satellite/src/components/account/ProfileArea.vue
+++ b/web/satellite/src/components/account/ProfileArea.vue
@@ -145,7 +145,6 @@ export default class ProfileArea extends Vue {
         position: relative;
         font-family: 'font_regular', sans-serif;
         padding-bottom: 100px;
-        user-select: none;
 
         &__title {
             font-family: 'font_bold', sans-serif;
diff --git a/web/satellite/src/components/account/billing/balance/AccountBalance.vue b/web/satellite/src/components/account/billing/balance/AccountBalance.vue
index 16317a034..c42e09a2f 100644
--- a/web/satellite/src/components/account/billing/balance/AccountBalance.vue
+++ b/web/satellite/src/components/account/billing/balance/AccountBalance.vue
@@ -99,7 +99,6 @@ export default class AccountBalance extends Vue {
                 font-size: 32px;
                 line-height: 48px;
                 margin-right: 13px;
-                user-select: none;
             }
 
             &__info-button {
diff --git a/web/satellite/src/components/account/billing/billingHistory/DepositAndBilling.vue b/web/satellite/src/components/account/billing/billingHistory/DepositAndBilling.vue
index 6241eb0f4..c1325c10e 100644
--- a/web/satellite/src/components/account/billing/billingHistory/DepositAndBilling.vue
+++ b/web/satellite/src/components/account/billing/billingHistory/DepositAndBilling.vue
@@ -72,7 +72,6 @@ export default class DepositAndBilling extends Vue {
             &__title {
                 font-size: 32px;
                 line-height: 48px;
-                user-select: none;
             }
 
             .button {
diff --git a/web/satellite/src/components/account/billing/billingHistory/SortingHeader.vue b/web/satellite/src/components/account/billing/billingHistory/SortingHeader.vue
index 62a362710..8a09e9619 100644
--- a/web/satellite/src/components/account/billing/billingHistory/SortingHeader.vue
+++ b/web/satellite/src/components/account/billing/billingHistory/SortingHeader.vue
@@ -42,7 +42,6 @@ export default class SortingHeader extends Vue {}
                 font-size: 16px;
                 line-height: 10px;
                 color: #afb7c1;
-                user-select: none;
             }
         }
     }
diff --git a/web/satellite/src/components/account/billing/monthlySummary/MonthlyBillingSummary.vue b/web/satellite/src/components/account/billing/monthlySummary/MonthlyBillingSummary.vue
index 592f15d08..da26ee236 100644
--- a/web/satellite/src/components/account/billing/monthlySummary/MonthlyBillingSummary.vue
+++ b/web/satellite/src/components/account/billing/monthlySummary/MonthlyBillingSummary.vue
@@ -24,7 +24,7 @@
                         </div>
                         <span class="current-month-area__content__usage-charges__head__name__title">Usage Charges</span>
                     </div>
-                    <span>Estimated total {{ chargesSummary | centsToDollars }}</span>
+                    <span>Estimated total <span class="summary">{{ chargesSummary | centsToDollars }}</span></span>
                 </div>
                 <div class="current-month-area__content__usage-charges__content" v-if="areUsageChargesShown" @click.stop>
                     <UsageChargeItem
@@ -134,11 +134,11 @@ export default class MonthlyBillingSummary extends Vue {
                     font-family: 'font_bold', sans-serif;
                     font-size: 32px;
                     line-height: 48px;
-                    user-select: none;
                 }
 
                 &__title-info {
                     font-size: 18px;
+                    user-select: text;
                 }
             }
 
@@ -165,7 +165,6 @@ export default class MonthlyBillingSummary extends Vue {
                 font-size: 14px;
                 line-height: 21px;
                 color: #afb7c1;
-                user-select: none;
             }
 
             &__usage-charges {
@@ -195,10 +194,6 @@ export default class MonthlyBillingSummary extends Vue {
                             justify-content: center;
                             margin-right: 12px;
                         }
-
-                        &__title {
-                            user-select: none;
-                        }
                     }
                 }
 
@@ -215,4 +210,8 @@ export default class MonthlyBillingSummary extends Vue {
     .item {
         border-top: 1px solid rgba(169, 181, 193, 0.3);
     }
+
+    .summary {
+        user-select: text;
+    }
 </style>
diff --git a/web/satellite/src/components/account/billing/paymentMethods/PaymentMethods.vue b/web/satellite/src/components/account/billing/paymentMethods/PaymentMethods.vue
index 1c4a8079e..e1730f41a 100644
--- a/web/satellite/src/components/account/billing/paymentMethods/PaymentMethods.vue
+++ b/web/satellite/src/components/account/billing/paymentMethods/PaymentMethods.vue
@@ -370,7 +370,6 @@ export default class PaymentMethods extends Vue {
             font-family: 'font_bold', sans-serif;
             font-size: 32px;
             line-height: 48px;
-            user-select: none;
         }
 
         &__button-area {
diff --git a/web/satellite/src/components/apiKeys/ApiKeysArea.vue b/web/satellite/src/components/apiKeys/ApiKeysArea.vue
index 0ba47345a..8bc4336d6 100644
--- a/web/satellite/src/components/apiKeys/ApiKeysArea.vue
+++ b/web/satellite/src/components/apiKeys/ApiKeysArea.vue
@@ -418,7 +418,6 @@ export default class ApiKeysArea extends Vue {
             line-height: 39px;
             color: #263549;
             margin: 0;
-            user-select: none;
         }
 
         .api-keys-header {
diff --git a/web/satellite/src/components/apiKeys/ApiKeysCopyPopup.vue b/web/satellite/src/components/apiKeys/ApiKeysCopyPopup.vue
index 692a572d4..4d0584794 100644
--- a/web/satellite/src/components/apiKeys/ApiKeysCopyPopup.vue
+++ b/web/satellite/src/components/apiKeys/ApiKeysCopyPopup.vue
@@ -100,7 +100,6 @@ export default class ApiKeysCopyPopup extends Vue {
             font-size: 24px;
             line-height: 29px;
             margin-bottom: 26px;
-            user-select: none;
         }
 
         &__copy-area {
diff --git a/web/satellite/src/components/apiKeys/ApiKeysCreationPopup.vue b/web/satellite/src/components/apiKeys/ApiKeysCreationPopup.vue
index abf139add..672e2dc1e 100644
--- a/web/satellite/src/components/apiKeys/ApiKeysCreationPopup.vue
+++ b/web/satellite/src/components/apiKeys/ApiKeysCreationPopup.vue
@@ -133,7 +133,6 @@ export default class ApiKeysCreationPopup extends Vue {
             font-size: 24px;
             line-height: 29px;
             margin-bottom: 26px;
-            user-select: none;
         }
 
         .next-button {
diff --git a/web/satellite/src/components/apiKeys/SortingHeader.vue b/web/satellite/src/components/apiKeys/SortingHeader.vue
index 71e541a7a..353762fcc 100644
--- a/web/satellite/src/components/apiKeys/SortingHeader.vue
+++ b/web/satellite/src/components/apiKeys/SortingHeader.vue
@@ -84,7 +84,6 @@ export default class SortApiKeysHeader extends Vue {
         height: 40px;
         background-color: rgba(255, 255, 255, 0.3);
         margin-top: 31px;
-        user-select: none;
 
         &__date-item {
             width: 60%;
diff --git a/web/satellite/src/components/buckets/BucketArea.vue b/web/satellite/src/components/buckets/BucketArea.vue
index f97deb0b0..2b33806c1 100644
--- a/web/satellite/src/components/buckets/BucketArea.vue
+++ b/web/satellite/src/components/buckets/BucketArea.vue
@@ -186,7 +186,6 @@ export default class BucketArea extends Vue {
             margin-right: 50px;
             margin-block-start: 0;
             margin-block-end: 0;
-            user-select: none;
         }
     }
 
diff --git a/web/satellite/src/components/buckets/BucketItem.vue b/web/satellite/src/components/buckets/BucketItem.vue
index 8e6235c03..8bc2d5e45 100644
--- a/web/satellite/src/components/buckets/BucketItem.vue
+++ b/web/satellite/src/components/buckets/BucketItem.vue
@@ -3,10 +3,10 @@
 
 <template>
     <div class="container">
-        <div class="container__item" :title="itemData.bucketName">{{ itemData.formattedBucketName() }}</div>
-        <div class="container__item">{{ itemData.storage.toFixed(4) }}</div>
-        <div class="container__item">{{ itemData.egress.toFixed(4) }}</div>
-        <div class="container__item">{{ itemData.objectCount.toString() }}</div>
+        <p class="container__item" :title="itemData.bucketName">{{ itemData.formattedBucketName() }}</p>
+        <p class="container__item">{{ itemData.storage.toFixed(4) }}</p>
+        <p class="container__item">{{ itemData.egress.toFixed(4) }}</p>
+        <p class="container__item">{{ itemData.objectCount.toString() }}</p>
     </div>
 </template>
 
@@ -25,10 +25,6 @@ export default class BucketItem extends Vue {
 <style scoped lang="scss">
     .container {
         padding: 25px 0;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
         outline: none;
         display: flex;
         background: #fff;
diff --git a/web/satellite/src/components/buckets/SortingHeader.vue b/web/satellite/src/components/buckets/SortingHeader.vue
index 090e3f8f2..95644fae5 100644
--- a/web/satellite/src/components/buckets/SortingHeader.vue
+++ b/web/satellite/src/components/buckets/SortingHeader.vue
@@ -32,7 +32,6 @@ export default class SortBucketsHeader extends Vue {}
         opacity: 0.5;
         max-height: 40px;
         align-items: center;
-        user-select: none;
 
         &__item {
             width: 25%;
diff --git a/web/satellite/src/components/common/EmptyStateArea.vue b/web/satellite/src/components/common/EmptyStateArea.vue
index b80336a92..c3e84be84 100644
--- a/web/satellite/src/components/common/EmptyStateArea.vue
+++ b/web/satellite/src/components/common/EmptyStateArea.vue
@@ -84,7 +84,6 @@ export default class EmptyStateProjectArea extends Vue {
                 margin-bottom: 15px;
                 min-width: 900px;
                 color: #354049;
-                user-select: none;
             }
         }
     }
diff --git a/web/satellite/src/components/common/HeaderedInput.vue b/web/satellite/src/components/common/HeaderedInput.vue
index 8116bf774..9d427c371 100644
--- a/web/satellite/src/components/common/HeaderedInput.vue
+++ b/web/satellite/src/components/common/HeaderedInput.vue
@@ -92,7 +92,6 @@ export default class HeaderedInput extends HeaderlessInput {
             font-size: 16px;
             line-height: 21px;
             color: #354049;
-            user-select: none;
         }
 
         &__error {
diff --git a/web/satellite/src/components/common/PagesBlock.vue b/web/satellite/src/components/common/PagesBlock.vue
index 13da526ec..3df555948 100644
--- a/web/satellite/src/components/common/PagesBlock.vue
+++ b/web/satellite/src/components/common/PagesBlock.vue
@@ -29,7 +29,6 @@ export default class PagesBlock extends Vue {
 <style scoped lang="scss">
     .pages-container {
         display: flex;
-        user-select: none;
 
         &__pages {
             font-family: 'font_medium', sans-serif;
diff --git a/web/satellite/src/components/common/RegistrationSuccessPopup.vue b/web/satellite/src/components/common/RegistrationSuccessPopup.vue
index 3c1cd5b9e..c9692f4ba 100644
--- a/web/satellite/src/components/common/RegistrationSuccessPopup.vue
+++ b/web/satellite/src/components/common/RegistrationSuccessPopup.vue
@@ -142,7 +142,6 @@ export default class RegistrationSuccessPopup extends Vue {
                 line-height: 39px;
                 color: #384b65;
                 margin: 0 0 25px 0;
-                user-select: none;
             }
 
             &__text {
diff --git a/web/satellite/src/components/common/VButton.vue b/web/satellite/src/components/common/VButton.vue
index 779a84de2..7f043dc77 100644
--- a/web/satellite/src/components/common/VButton.vue
+++ b/web/satellite/src/components/common/VButton.vue
@@ -77,7 +77,6 @@ export default class VButton extends Vue {
         background-color: #2683ff;
         border-radius: 6px;
         cursor: pointer;
-        user-select: none;
 
         .label {
             font-family: 'font_medium', sans-serif;
diff --git a/web/satellite/src/components/common/VDatePicker.vue b/web/satellite/src/components/common/VDatePicker.vue
index dfef96606..170ab1c77 100644
--- a/web/satellite/src/components/common/VDatePicker.vue
+++ b/web/satellite/src/components/common/VDatePicker.vue
@@ -268,7 +268,6 @@ export default class VDatePicker extends Vue {
         top: 0;
         left: 0;
         overflow: hidden;
-        user-select: none;
         -webkit-animation: fadein 0.5s;
 
         /* Safari, Chrome and Opera > 12.1 */
diff --git a/web/satellite/src/components/header/headerArea.scss b/web/satellite/src/components/header/headerArea.scss
index 6cb725769..644fd4763 100644
--- a/web/satellite/src/components/header/headerArea.scss
+++ b/web/satellite/src/components/header/headerArea.scss
@@ -11,7 +11,6 @@
     justify-content: space-between;
     padding: 0 65px;
     position: relative;
-    user-select: none;
 
     &__left-area,
     &__right-area {
diff --git a/web/satellite/src/components/header/projectSelection/ProjectSelectionArea.vue b/web/satellite/src/components/header/projectSelection/ProjectSelectionArea.vue
index 4749e90e9..8a7d1ae17 100644
--- a/web/satellite/src/components/header/projectSelection/ProjectSelectionArea.vue
+++ b/web/satellite/src/components/header/projectSelection/ProjectSelectionArea.vue
@@ -120,7 +120,6 @@ export default class ProjectSelectionArea extends Vue {
             color: rgba(56, 75, 101, 0.4);
             opacity: 0.7;
             cursor: pointer;
-            user-select: none;
             margin-right: 5px;
         }
 
diff --git a/web/satellite/src/components/navigation/TabNavigation.vue b/web/satellite/src/components/navigation/TabNavigation.vue
index d649c5291..5978042a7 100644
--- a/web/satellite/src/components/navigation/TabNavigation.vue
+++ b/web/satellite/src/components/navigation/TabNavigation.vue
@@ -30,7 +30,6 @@ export default class TabNavigation extends Vue {
         width: auto;
         display: flex;
         border-bottom: 1px solid #afb7c1;
-        user-select: none;
 
         &__item {
             width: 150px;
diff --git a/web/satellite/src/components/navigation/navigationArea.scss b/web/satellite/src/components/navigation/navigationArea.scss
index 94e3e9dde..dbac04af6 100644
--- a/web/satellite/src/components/navigation/navigationArea.scss
+++ b/web/satellite/src/components/navigation/navigationArea.scss
@@ -30,7 +30,6 @@ a {
     flex-direction: column;
     justify-content: space-between;
     font-family: 'font_regular', sans-serif;
-    user-select: none;
 
     &__logo {
         display: flex;
diff --git a/web/satellite/src/components/project/ProjectDetails.vue b/web/satellite/src/components/project/ProjectDetails.vue
index b9163122f..277720d67 100644
--- a/web/satellite/src/components/project/ProjectDetails.vue
+++ b/web/satellite/src/components/project/ProjectDetails.vue
@@ -197,7 +197,6 @@ export default class ProjectDetailsArea extends Vue {
             font-size: 32px;
             line-height: 39px;
             color: #263549;
-            user-select: none;
             margin: 0;
         }
 
@@ -242,7 +241,6 @@ export default class ProjectDetailsArea extends Vue {
                 font-size: 16px;
                 line-height: 21px;
                 color: rgba(56, 75, 101, 0.4);
-                user-select: none;
             }
 
             &__project-name {
@@ -282,7 +280,6 @@ export default class ProjectDetailsArea extends Vue {
                     font-size: 16px;
                     line-height: 21px;
                     color: rgba(56, 75, 101, 0.4);
-                    user-select: none;
                 }
 
                 &__project-description {
diff --git a/web/satellite/src/components/project/UsageReport.vue b/web/satellite/src/components/project/UsageReport.vue
index ae9b8f72c..0eb280460 100644
--- a/web/satellite/src/components/project/UsageReport.vue
+++ b/web/satellite/src/components/project/UsageReport.vue
@@ -324,7 +324,6 @@ export default class UsageReport extends Vue {
                 line-height: 39px;
                 color: #263549;
                 margin: 0;
-                user-select: none;
             }
         }
 
@@ -354,7 +353,6 @@ export default class UsageReport extends Vue {
                     font-size: 16px;
                     line-height: 23px;
                     color: #354049;
-                    user-select: none;
                 }
 
                 &__image {
@@ -414,7 +412,6 @@ export default class UsageReport extends Vue {
                         color: #354049;
                         margin-block-start: 0;
                         margin-block-end: 0;
-                        user-select: none;
                     }
 
                     &__amount {
@@ -465,7 +462,6 @@ export default class UsageReport extends Vue {
                         line-height: 21px;
                         color: #354049;
                         margin-right: 30px;
-                        user-select: none;
                     }
 
                     &__image {
diff --git a/web/satellite/src/components/team/AddUserPopup.vue b/web/satellite/src/components/team/AddUserPopup.vue
index a9cdfc75a..20d663e2d 100644
--- a/web/satellite/src/components/team/AddUserPopup.vue
+++ b/web/satellite/src/components/team/AddUserPopup.vue
@@ -321,10 +321,6 @@ export default class AddUserPopup extends Vue {
 
             &:first-child {
                 cursor: pointer;
-                -webkit-user-select: none;
-                -moz-user-select: none;
-                -ms-user-select: none;
-                user-select: none;
             }
         }
     }
@@ -399,7 +395,6 @@ export default class AddUserPopup extends Vue {
                 margin: 0 0 90px 0;
                 width: 130%;
                 text-align: end;
-                user-select: none;
             }
         }
 
@@ -476,7 +471,6 @@ export default class AddUserPopup extends Vue {
                 font-size: 16px;
                 line-height: 25px;
                 padding-left: 50px;
-                user-select: none;
             }
 
             &__button-container {
diff --git a/web/satellite/src/components/team/HeaderArea.vue b/web/satellite/src/components/team/HeaderArea.vue
index ee125ad36..49c45b8e3 100644
--- a/web/satellite/src/components/team/HeaderArea.vue
+++ b/web/satellite/src/components/team/HeaderArea.vue
@@ -231,7 +231,6 @@ export default class HeaderArea extends Vue {
                 line-height: 39px;
                 color: #263549;
                 margin: 0;
-                user-select: none;
             }
 
             &__info-button {
diff --git a/web/satellite/src/components/team/SortingListHeader.vue b/web/satellite/src/components/team/SortingListHeader.vue
index a37114dfc..f12c4b060 100644
--- a/web/satellite/src/components/team/SortingListHeader.vue
+++ b/web/satellite/src/components/team/SortingListHeader.vue
@@ -101,7 +101,6 @@ export default class SortingListHeader extends Vue {
         height: 40px;
         background-color: rgba(255, 255, 255, 0.3);
         margin-top: 31px;
-        user-select: none;
 
         &__name-container,
         &__added-container,
diff --git a/web/satellite/src/views/register/registerArea.html b/web/satellite/src/views/register/registerArea.html
index aaefbe9f2..3ed3b67ba 100644
--- a/web/satellite/src/views/register/registerArea.html
+++ b/web/satellite/src/views/register/registerArea.html
@@ -76,10 +76,10 @@
                 <div class="register-area__submit-container">
                     <div class="register-area__submit-container__terms-area">
                         <label class="container">
-                            <input type="checkbox" v-model="isTermsAccepted">
-                            <span class="checkmark" :class="{'error': isTermsAcceptedError}"></span>
+                            <input type="checkbox" id="terms" v-model="isTermsAccepted">
+                            <span class="checkmark" :class="{'error': isTermsAcceptedError}"/>
                         </label>
-                        <h2 class="register-area__submit-container__terms-area__terms-confirmation">I agree to the <a class="register-area__submit-container__terms-area__link" href="https://tardigrade.io/terms-of-use/" target="_blank">Terms & Conditions</a></h2>
+                        <h2 class="register-area__submit-container__terms-area__terms-confirmation"><label for="terms">I agree to the </label><a class="register-area__submit-container__terms-area__link" href="https://tardigrade.io/terms-of-use/" target="_blank">Terms & Conditions</a></h2>
                     </div>
                     <div id="createAccountButton" class="register-area__submit-container__create-button" @click.prevent="onCreateClick">
                         <p class="register-area__submit-container__create-button__label">Create Account</p>
diff --git a/web/satellite/src/views/register/registerArea.scss b/web/satellite/src/views/register/registerArea.scss
index 69adab115..f7de0524e 100644
--- a/web/satellite/src/views/register/registerArea.scss
+++ b/web/satellite/src/views/register/registerArea.scss
@@ -163,10 +163,6 @@ body {
                 width: 23px;
                 cursor: pointer;
                 font-size: 22px;
-                -webkit-user-select: none;
-                -moz-user-select: none;
-                -ms-user-select: none;
-                user-select: none;
                 outline: none;
             }
 
diff --git a/web/storagenode/src/app/components/BarInfo.vue b/web/storagenode/src/app/components/BarInfo.vue
index 87fef5078..b8da6bffc 100644
--- a/web/storagenode/src/app/components/BarInfo.vue
+++ b/web/storagenode/src/app/components/BarInfo.vue
@@ -72,7 +72,6 @@ export default class BarInfo extends Vue {
             font-size: 14px;
             line-height: 21px;
             color: #586c86;
-            user-select: none;
         }
 
         &__amount {
diff --git a/web/storagenode/src/app/components/ChecksArea.vue b/web/storagenode/src/app/components/ChecksArea.vue
index 34211df88..8bc10e378 100644
--- a/web/storagenode/src/app/components/ChecksArea.vue
+++ b/web/storagenode/src/app/components/ChecksArea.vue
@@ -69,7 +69,6 @@ export default class ChecksArea extends Vue {
                 line-height: 21px;
                 color: #586c86;
                 margin: 0 5px 0 0;
-                user-select: none;
             }
 
             .checks-area-image {
diff --git a/web/storagenode/src/app/components/PayoutArea.vue b/web/storagenode/src/app/components/PayoutArea.vue
index 33495b277..3c367e0d4 100644
--- a/web/storagenode/src/app/components/PayoutArea.vue
+++ b/web/storagenode/src/app/components/PayoutArea.vue
@@ -59,7 +59,6 @@ export default class PayoutArea extends Vue {
             &__label {
                 font-size: 14px;
                 color: #586c86;
-                user-select: none;
             }
 
             &__bold-text {
diff --git a/web/storagenode/src/app/components/SNOContentTitle.vue b/web/storagenode/src/app/components/SNOContentTitle.vue
index 3c2134ccd..27f8d528f 100644
--- a/web/storagenode/src/app/components/SNOContentTitle.vue
+++ b/web/storagenode/src/app/components/SNOContentTitle.vue
@@ -151,7 +151,6 @@ export default class SNOContentTitle extends Vue {
             font-size: 32px;
             line-height: 57px;
             color: #535f77;
-            user-select: none;
         }
 
         &__info-container {
@@ -167,7 +166,6 @@ export default class SNOContentTitle extends Vue {
                     line-height: 20px;
                     color: #9ca5b6;
                     margin: 0 0 5px 0;
-                    user-select: none;
                 }
 
                 &__content {
diff --git a/web/storagenode/src/app/components/SNOFooter.vue b/web/storagenode/src/app/components/SNOFooter.vue
index 8990cf09f..aedd8e41f 100644
--- a/web/storagenode/src/app/components/SNOFooter.vue
+++ b/web/storagenode/src/app/components/SNOFooter.vue
@@ -40,7 +40,6 @@ export default class SNOFooter extends Vue {
         justify-content: center;
         background-color: #fff;
         align-items: center;
-        user-select: none;
 
         &__content-holder {
             width: 822px;
diff --git a/web/storagenode/src/app/components/SNOHeader.vue b/web/storagenode/src/app/components/SNOHeader.vue
index 327ac329b..237f25dde 100644
--- a/web/storagenode/src/app/components/SNOHeader.vue
+++ b/web/storagenode/src/app/components/SNOHeader.vue
@@ -176,7 +176,6 @@ export default class SNOHeader extends Vue {
                     &__title {
                         min-width: 55px;
                         margin-right: 5px;
-                        user-select: none;
                     }
 
                     &__id {
diff --git a/web/storagenode/src/app/components/SatelliteSelection.vue b/web/storagenode/src/app/components/SatelliteSelection.vue
index 6de159518..9b259073a 100644
--- a/web/storagenode/src/app/components/SatelliteSelection.vue
+++ b/web/storagenode/src/app/components/SatelliteSelection.vue
@@ -68,7 +68,6 @@ export default class SatelliteSelection extends Vue {
 
         &__bold-text {
             margin-right: 3px;
-            user-select: none;
         }
 
         &__image {