Repository: CryptoBlades/cryptoblades
File: frontend/src/views/Bridge.vue (Vue)

Code before:
<template>
  <div>
    <div class="row m-3 justify-content-center">
      <h2>{{$t('bridge.bridgeForYourNfts')}}</h2>
    </div>
    <div class="row m-3 justify-content-center">
      <h3>{{$t('bridge.transferNftsToAnotherChain')}}</h3>
    </div>
    <div class="bridge-transfer-fee row mt-3 justify-content-center">
      <p v-if="bridgeFee">
        {{$t('bridge.bridgeTransferFee')}}: <CurrencyConverter :skill="convertWeiToSkill(bridgeFee)"/> &nbsp;
        <b-icon-question-circle class="centered-icon" scale="0.8"
        v-tooltip.bottom="$t('bridge.bridgeTransferFeeTooltip')"
        />
      </p>
    </div>
    <b-tabs justified>
      <b-tab :title="$t('bridge.inventory')">
        <div class="btnRow d-flex flex-row justify-content-center">
          <div class="p-2">
            <b-button variant="info" @click="showNft('weapon')" class="gtag-link-others"
              tagname="show_weapons_bridge" :disabled="nftType === 'weapon'">
              {{$t('bridge.showWeapons')}}
            </b-button>
          </div>
          <div class="p-2">
            <b-button variant="info" @click="showNft('character')" class="gtag-link-others"
              tagname="show_characters_bridge" :disabled="nftType === 'character'">
              {{$t('bridge.showCharacters')}}
            </b-button>
          </div>
          <div class="p-2">
            <b-button variant="info" @click="showNft('shield')" class="gtag-link-others"
              tagname="show_shields_bridge" :disabled="nftType === 'shield'">

Review comment (suggestion):
(Optional) This would be a bit better here imo:
```suggestion
    <div class="w-100 row mt-3 justify-content-center">
```

Code after:
<template>
  <div>
    <div class="row m-3 justify-content-center">
      <h2>{{$t('bridge.bridgeForYourNfts')}}</h2>
    </div>
    <div class="row m-3 justify-content-center">
      <h3>{{$t('bridge.transferNftsToAnotherChain')}}</h3>
    </div>
    <div class="w-100 row mt-3 justify-content-center">
      <p v-if="bridgeFee">
        {{$t('bridge.bridgeTransferFee')}}: <CurrencyConverter :skill="convertWeiToSkill(bridgeFee)"/> &nbsp;
        <b-icon-question-circle class="centered-icon" scale="0.8"
        v-tooltip.bottom="$t('bridge.bridgeTransferFeeTooltip')"
        />
      </p>
    </div>
    <b-tabs justified>
      <b-tab :title="$t('bridge.inventory')">
        <div class="btnRow d-flex flex-row justify-content-center">
          <div class="p-2">
            <b-button variant="info" @click="showNft('weapon')" class="gtag-link-others"
              tagname="show_weapons_bridge" :disabled="nftType === 'weapon'">
              {{$t('bridge.showWeapons')}}
            </b-button>
          </div>
          <div class="p-2">
            <b-button variant="info" @click="showNft('character')" class="gtag-link-others"
              tagname="show_characters_bridge" :disabled="nftType === 'character'">
              {{$t('bridge.showCharacters')}}
            </b-button>
          </div>
          <div class="p-2">
            <b-button variant="info" @click="showNft('shield')" class="gtag-link-others"
              tagname="show_shields_bridge" :disabled="nftType === 'shield'">