From 3e373528724f2a45bff70866ee3e9f173af6bc2f Mon Sep 17 00:00:00 2001
From: Collin Barrett <collinbarrett@users.noreply.github.com>
Date: Thu, 15 Feb 2018 20:52:22 -0600
Subject: [PATCH] use bootstrap img-responsive for logo

---
 src/FilterLists.Web/ClientApp/components/Layout.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Layout.tsx b/src/FilterLists.Web/ClientApp/components/Layout.tsx
index 5d163f815..62a0e0ab8 100644
--- a/src/FilterLists.Web/ClientApp/components/Layout.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Layout.tsx
@@ -1,23 +1,19 @@
 import * as React from "react";
 
-export interface LayoutProps {
+export interface ILayoutProps {
     children?: React.ReactNode;
 }
 
-export class Layout extends React.Component<LayoutProps, {}> {
+export class Layout extends React.Component<ILayoutProps, {}> {
     render() {
         return <div className="container">
                    <div className="row">
                        <h1>
                            <a href="./">
-                               <img src="logo_filterlists.png" alt="FilterLists" style={{
-                                   width: "40%",
-                                   display: "block",
-                                   height: "auto"
-                               }}/>
+                               <img src="logo_filterlists.png" alt="FilterLists" className="img-responsive"/>
                            </a>
                        </h1>
-                <p style={{ margin: 10 }}>
+                       <p style={{ margin: 10 }}>
                            The independent and comprehensive directory of all public filter and hosts lists for advertisements, trackers, malware, and annoyances.
                        </p>
                    </div>