* Fixed Track page.

src/libtomahawk/widgets/infowidgets/TrackInfoWidget.cpp

@@ -50,32 +50,71 @@ TrackInfoWidget::TrackInfoWidget( const Tomahawk::query_ptr& query, QWidget* par
     connect( ui->artistLabel, SIGNAL( clickedArtist() ), SLOT( onArtistClicked() ) );
 
     ui->statsLabel->setStyleSheet( "QLabel { background-image:url(); border: 2px solid #dddddd; background-color: #faf9f9; border-radius: 4px; padding: 12px; }" );
-    ui->lyricsView->setStyleSheet( "QTextBrowser#lyricsView { background-color: transparent; }" );
+    ui->statsLabel->setVisible( false );
 
+    ui->lyricsView->setStyleSheet( "QTextBrowser#lyricsView { background-color: transparent; }" );
     ui->lyricsView->setFrameShape( QFrame::NoFrame );
     ui->lyricsView->setAttribute( Qt::WA_MacShowFocusRect, 0 );
     ui->lyricsView->setVisible( false ); // FIXME eventually
 
     ui->similarTracksView->setAutoResize( true );
     ui->similarTracksView->setVerticalScrollBarPolicy( Qt::ScrollBarAlwaysOff );
+
+    ui->lineAbove->setStyleSheet( QString( "QFrame { border: 1px solid %1; }" ).arg( TomahawkStyle::HEADER_BACKGROUND.name() ) );
+    ui->lineBelow->setStyleSheet( QString( "QFrame { border: 1px solid black; }" ) );
+
 //    TomahawkUtils::styleScrollBar( ui->similarTracksView->verticalScrollBar() );
     TomahawkStyle::styleScrollBar( ui->lyricsView->verticalScrollBar() );
 
 //    ui->similarTracksView->setStyleSheet( "QListView { background-color: transparent; } QListView::item { background-color: transparent; }" );
 
+    {
+        QFont f = ui->trackLabel->font();
+        f.setFamily( "Titillium Web" );
+
+        QPalette p = ui->trackLabel->palette();
+        p.setColor( QPalette::Foreground, TomahawkStyle::HEADER_TEXT );
+
+        ui->trackLabel->setFont( f );
+        ui->trackLabel->setPalette( p );
+    }
+
+    {
+        QFont f = ui->artistLabel->font();
+        f.setFamily( "Titillium Web" );
+
+        QPalette p = ui->artistLabel->palette();
+        p.setColor( QPalette::Foreground, TomahawkStyle::HEADER_TEXT );
+
+        ui->artistLabel->setFont( f );
+        ui->artistLabel->setPalette( p );
+    }
+
+    {
+        QFont f = ui->label->font();
+        f.setBold( false );
+        f.setFamily( "Fauna One" );
+
+        QPalette p = ui->label->palette();
+        p.setColor( QPalette::Foreground, TomahawkStyle::PAGE_CAPTION );
+
+        ui->label->setFont( f );
+        ui->label->setPalette( p );
+    }
+
+    {
         QFont f = ui->statsLabel->font();
         f.setPointSize( TomahawkUtils::defaultFontSize() + 2 );
         f.setBold( true );
         ui->statsLabel->setFont( f );
+    }
 
+    {
         QPalette p = ui->lyricsView->palette();
         p.setColor( QPalette::Foreground, TomahawkStyle::PAGE_FOREGROUND );
         p.setColor( QPalette::Text, TomahawkStyle::PAGE_FOREGROUND );
-
         ui->lyricsView->setPalette( p );
-    ui->label->setPalette( p );
+    }
-    ui->artistLabel->setPalette( p );
-    ui->trackLabel->setPalette( p );
 
     m_relatedTracksModel = new PlayableModel( ui->similarTracksView );
     ui->similarTracksView->setPlayableModel( m_relatedTracksModel );
@@ -92,12 +131,16 @@ TrackInfoWidget::TrackInfoWidget( const Tomahawk::query_ptr& query, QWidget* par
     m_scrollArea->setVerticalScrollBarPolicy( Qt::ScrollBarAlwaysOn );
 
     QPalette pal = palette();
-    pal.setBrush( backgroundRole(), TomahawkStyle::PAGE_BACKGROUND );
+    pal.setBrush( backgroundRole(), TomahawkStyle::HEADER_BACKGROUND );
     m_scrollArea->setPalette( pal );
     m_scrollArea->setAutoFillBackground( true );
     m_scrollArea->setFrameShape( QFrame::NoFrame );
     m_scrollArea->setAttribute( Qt::WA_MacShowFocusRect, 0 );
 
+    pal.setBrush( backgroundRole(), TomahawkStyle::PAGE_BACKGROUND );
+    ui->widget->setPalette( pal );
+    ui->widget->setAutoFillBackground( true );
+
     QHBoxLayout* l = new QHBoxLayout( ui->statsWidget );
     m_playStatsGauge = new StatsGauge( ui->statsWidget );
     m_playStatsGauge->setText( tr( "# PLAYS / ARTIST" ) );
@@ -111,7 +154,6 @@ TrackInfoWidget::TrackInfoWidget( const Tomahawk::query_ptr& query, QWidget* par
     l->addWidget( m_playStatsTotalGauge );
     l->addSpacerItem( new QSpacerItem( 0, 1, QSizePolicy::Minimum, QSizePolicy::MinimumExpanding ) );
     ui->statsWidget->setLayout( l );
-    ui->statsLabel->setVisible( false );
     TomahawkUtils::unmarginLayout( l );
 
     QVBoxLayout* layout = new QVBoxLayout();

src/libtomahawk/widgets/infowidgets/TrackInfoWidget.ui

@@ -7,18 +7,18 @@
     <x>0</x>
     <y>0</y>
     <width>965</width>
-    <height>771</height>
+    <height>832</height>
    </rect>
   </property>
   <property name="windowTitle">
    <string notr="true" extracomment="not translatable because not shown to the user">Form</string>
   </property>
-  <layout class="QVBoxLayout" name="verticalLayout" stretch="0,0,1">
+  <layout class="QVBoxLayout" name="verticalLayout_2" stretch="0,0,0,0,1">
    <property name="spacing">
-    <number>16</number>
+    <number>0</number>
    </property>
    <property name="margin">
-    <number>12</number>
+    <number>0</number>
    </property>
    <item>
     <layout class="QHBoxLayout" name="horizontalLayout" stretch="0,0,0,0">
@@ -26,7 +26,7 @@
       <number>16</number>
      </property>
      <property name="margin">
-      <number>0</number>
+      <number>12</number>
      </property>
      <item>
       <widget class="PlayableCover" name="cover">
@@ -53,7 +53,7 @@
      <item>
       <layout class="QVBoxLayout" name="verticalLayout_3">
        <property name="spacing">
-        <number>8</number>
+        <number>0</number>
        </property>
        <property name="leftMargin">
         <number>0</number>
@@ -77,7 +77,7 @@
          </property>
          <property name="font">
           <font>
-           <pointsize>18</pointsize>
+           <pointsize>20</pointsize>
            <weight>75</weight>
            <bold>true</bold>
           </font>
@@ -100,7 +100,7 @@
          </property>
          <property name="font">
           <font>
-           <pointsize>14</pointsize>
+           <pointsize>16</pointsize>
           </font>
          </property>
          <property name="text">
@@ -163,6 +163,32 @@
      </item>
     </layout>
    </item>
+   <item>
+    <widget class="Line" name="lineAbove">
+     <property name="maximumSize">
+      <size>
+       <width>16777215</width>
+       <height>1</height>
+      </size>
+     </property>
+     <property name="orientation">
+      <enum>Qt::Horizontal</enum>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="Line" name="lineBelow">
+     <property name="maximumSize">
+      <size>
+       <width>16777215</width>
+       <height>1</height>
+      </size>
+     </property>
+     <property name="orientation">
+      <enum>Qt::Horizontal</enum>
+     </property>
+    </widget>
+   </item>
    <item>
     <widget class="QTextBrowser" name="lyricsView">
      <property name="sizePolicy">
@@ -182,6 +208,24 @@
      </property>
     </widget>
    </item>
+   <item>
+    <widget class="QWidget" name="widget" native="true">
+     <layout class="QVBoxLayout" name="verticalLayout">
+      <property name="spacing">
+       <number>0</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>16</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>16</number>
+      </property>
       <item>
        <widget class="QFrame" name="frame">
         <property name="minimumSize">
@@ -201,7 +245,7 @@
           <number>4</number>
          </property>
          <property name="leftMargin">
-       <number>8</number>
+          <number>28</number>
          </property>
          <property name="topMargin">
           <number>4</number>
@@ -210,14 +254,13 @@
           <number>8</number>
          </property>
          <property name="bottomMargin">
-       <number>8</number>
+          <number>4</number>
          </property>
          <item>
           <widget class="QLabel" name="label">
            <property name="font">
             <font>
-          <family>Arial</family>
+             <pointsize>20</pointsize>
-          <pointsize>18</pointsize>
              <weight>75</weight>
              <bold>true</bold>
             </font>
@@ -245,6 +288,9 @@
       </item>
      </layout>
     </widget>
+   </item>
+  </layout>
+ </widget>
  <customwidgets>
   <customwidget>
    <class>GridView</class>