Changing position of the reading progress bar and social sharing icons to the side

[cykingw]

How do I change the position of the reading progress bar and the social sharing icons from the bottom to the side (like stacked on top of each other) or elsewhere using code injunction?

[eddiesigner]

You can inject the following code in the Ghost Admin:

<style>
  @media only screen and (max-width: 48rem) {
    .m-share {
      background-color: transparent;
      box-shadow: none;
      height: auto;
      left: auto;
      right: 16px;
      bottom: 32px;
      width: auto;
    }

    .m-share__content {
      flex-direction: column;
      gap: 24px;
      height: auto;
    }

    .m-icon-button.in-share {
      margin: 0;
    }
  }
</style>