Commit ed545362 authored by Patrik Kotucek's avatar Patrik Kotucek
Browse files

fix: text allignment

parent cf03af46

frontend/src/instructor/TeamsScores/TeamScoreCard.tsx

+35 −28
Original line number Diff line number Diff line
@@ -26,12 +26,11 @@ const progressRow = css` 
`



const progressItem = css`

  width: 100%;

  flex: 1;

  min-width: 0;



  > div {

    gap: 0.25rem;

  }

  display: flex;

  align-items: flex-start;



  span {

    font-size: 0.95rem;
@@ -71,6 +70,10 @@ const objectiveName = css` 
  white-space: nowrap;

`



const progressContent = css`

  width: 100%;

`



type TeamScoreCardProps = {

  team: Team

  teamLearningObjectives: TeamLearningObjective[]
@@ -130,6 +133,7 @@ export const TeamScoreCard: FC<TeamScoreCardProps> = ({ 
      </div>

      <div className={progressRow}>

        <div className={progressItem}>

          <div className={progressContent}>

            <LabeledProgressBar

              labels={[

                {
@@ -143,6 +147,7 @@ export const TeamScoreCard: FC<TeamScoreCardProps> = ({ 
              fill

            />

          </div>

        </div>

        <div className={progressItem}>

          <Tooltip

            fill
@@ -166,6 +171,7 @@ export const TeamScoreCard: FC<TeamScoreCardProps> = ({ 
              </div>

            }

          >

            <div className={progressContent}>

              <LabeledProgressBar

                labels={[

                  {
@@ -178,6 +184,7 @@ export const TeamScoreCard: FC<TeamScoreCardProps> = ({ 
                total={totalObjectives}

                fill

              />

            </div>

          </Tooltip>

        </div>

      </div>