将下拉箭头从“姓氏，名字”链接下移至链接的右侧

Question

我在名字（姓）下有下拉箭头。我想将其移到它的右侧。箭头表示此特定链接是一个下拉列表。我想将此下拉箭头移动到已登录用户名的右侧。 （名字，姓氏）值将是动态的，具体取决于登录的用户。我已经尝试了一些方法，其中之一是：

HTML：

public void openNewGameActivity() {
    Intent intent=new Intent(this, MyActivity.class);
    startActivity(intent);
}

CSS：

<ul class="navbar-nav ml-auto">
      <li class="nav-item dropdown" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}">
        <!--Not sure about path of [routerLink]="['/login']" **make sure to check** -->
        <a class="nav-link dropdown-toggle" [routerLink]="['/login']" data-toggle="dropdown" aria-haspopup="true"
          aria-expanded="false">
          {{userName}}
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <!--
              <a class="dropdown-item text-uppercase" href="">Profile</a>
              <a class="dropdown-item text-uppercase" href="">Settings</a>
          -->
          <a class="dropdown-item">Logout</a>
        </div>
      </li>

但是，这没有用。有什么建议么？我对此并不陌生，如果这个问题很简单，请您谅解。感谢您的所有帮助！