Problem after update

Hi

Send me a link to this page.

Till now it looked pretty good. Basically there shouldn't be space between the competition logo and the starting hour and if its possible the names of the teams to be displayed under the logo with smaller letters. 

It is possible. But you should add class to the wrapper to prevent CSS affect other parts of your site.

To do it just add to your shortcode class argument with any unique class, for example

class="anwp-fl-games-in-sidebar"

Let me know when it will be done.

I think you can try to use .widget-area-2 class. So class argument in shortcode not needed.

Add the CSS code

@media (min-width: 576px) {
.match-list__item .match-slim__date-wrapper {
    min-width: 10px;
    } 
}

.widget-area-2 .match-list__item .match-slim__team-away {
   flex-direction: column!important; 
}

.widget-area-2 .match-list__item .match-slim__team-wrapper > div {
   font-size: 11px;
   text-align: center !important;
   margin-top: 2px;
}

.widget-area-2 .match-list__item .match-slim__team-home {
    flex-direction: column-reverse !important; 
}

.widget-area-2 .match-list__item .match-slim__prediction {
    margin-top: 10px !important;
    line-height: 1 !important;
    color: #808bc1;
    font-size: 11px;
    font-style: italic !important;
}

Hi, looks fine, but could we remove the borders and center competition logo and date/hour? (if its possible only)

Hi again, as you can see, when there are games "live", the scoreboard doesn't look good at all. 

Use the code

.widget-area-2 .match-list__live-time {
  display: block;
  margin-top: 5px;
  font-size: 13px
}

.widget-area-2 .match-list__live-block {
  min-width: 10px;
}

.widget-area-2 .match-list__live-status {
  margin-left: -5px !important;
  padding-right: 2px 
}