HTMLのファイルは、テンプレートフォルダ内にあるindex.htmlの変更が必要になります。

そのまま開こうとするとブラウザで開くケースが多いかと思いますので、Visual Studio Codeのようなソフトを使いつつ編集をお試しください。

ご丁寧な説明ありがとうございます！
初心者な質問で申し訳ないのですが、HTMLはどこから変更すればよいのでしょうか…？

お褒めの言葉を頂戴しありがとうございます。

縦型ですとHTML上に

{{index + 1}}

というものですでに何番目に順番待ちをしているのか表示させているため、横型でも同様の記述で実現が可能です。

例えばHTMLのavatarの記述の前に

<div class="no">
{{index + 1}}. 
</div>

など設置してもらい、CSSには

.no {
  font-size: 16px;
  color: #888;
  min-width: 2em;
  margin-top: 1em;
}

など記述すれば、アバターの左側に順番待ちの数字が表示されるようになります。

縦横それぞれで若干表示の形式が異なりますので、比較しながらカスタマイズしてみてください。